diff --git a/client/App.tsx b/client/App.tsx index 7b7d272..11765c4 100644 --- a/client/App.tsx +++ b/client/App.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { BrowserRouter as Router, Route, Switch as RouteSwitch } from 'react-router-dom'; import './index.css'; diff --git a/client/components/Ad.tsx b/client/components/Ad.tsx index d7e5cbd..0ba2a5b 100644 --- a/client/components/Ad.tsx +++ b/client/components/Ad.tsx @@ -3,15 +3,15 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useEffect, useRef } from 'react'; +import * as React from 'react'; import './ad.css'; const Ad: React.FC<{}> = () => { - const containerRef = useRef(null); + const containerRef = React.useRef(null); const source = 'https://cdn.carbonads.com/carbon.js?serve=CE7I6KQL&placement=csslayoutio'; - useEffect(() => { + React.useEffect(() => { // Ignore if the code is reached in snapping mode if (navigator.userAgent === 'ReactSnap') { return; diff --git a/client/components/RelatedPatterns.tsx b/client/components/RelatedPatterns.tsx index a75d0f1..c403b3f 100644 --- a/client/components/RelatedPatterns.tsx +++ b/client/components/RelatedPatterns.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Pattern from '../constants/Pattern'; import CoverCard from './CoverCard'; diff --git a/client/hooks/useDocumentTitle.ts b/client/hooks/useDocumentTitle.ts index 4dbd07f..aa373d6 100644 --- a/client/hooks/useDocumentTitle.ts +++ b/client/hooks/useDocumentTitle.ts @@ -3,10 +3,10 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import { useEffect } from 'react'; +import * as React from 'react'; const useDocumentTitle = (title: string) => { - useEffect(() => { + React.useEffect(() => { document.title = title; }, [title]); }; diff --git a/client/index.tsx b/client/index.tsx index 13d2d23..003af80 100644 --- a/client/index.tsx +++ b/client/index.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { hydrate, render } from 'react-dom'; import App from './App'; diff --git a/client/loaders/DetailsLoader.tsx b/client/loaders/DetailsLoader.tsx index 19fbeee..1657d98 100644 --- a/client/loaders/DetailsLoader.tsx +++ b/client/loaders/DetailsLoader.tsx @@ -4,7 +4,7 @@ */ import loadable, { LoadableComponent } from '@loadable/component'; -import React from 'react'; +import * as React from 'react'; import './spinner.css'; diff --git a/client/pages/ExplorePage.tsx b/client/pages/ExplorePage.tsx index a80ae6b..22063a4 100644 --- a/client/pages/ExplorePage.tsx +++ b/client/pages/ExplorePage.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Ad from '../components/Ad'; diff --git a/client/pages/PatternPage.tsx b/client/pages/PatternPage.tsx index 4cb9f1b..5b6bcb8 100644 --- a/client/pages/PatternPage.tsx +++ b/client/pages/PatternPage.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Pattern from '../constants/Pattern'; import DetailsLoader from '../loaders/DetailsLoader'; diff --git a/client/patterns/accordion/Cover.tsx b/client/patterns/accordion/Cover.tsx index 14a07a9..695a2ab 100644 --- a/client/patterns/accordion/Cover.tsx +++ b/client/patterns/accordion/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/accordion/Details.tsx b/client/patterns/accordion/Details.tsx index d39b515..ca70dc2 100644 --- a/client/patterns/accordion/Details.tsx +++ b/client/patterns/accordion/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; @@ -20,7 +20,7 @@ interface ItemProps { } const Details: React.FC<{}> = () => { - const [activeItem, setActiveItem] = useState(1); + const [activeItem, setActiveItem] = React.useState(1); const Item: React.FC = ({ index, title, children }) => { const isOpened = (index === activeItem); diff --git a/client/patterns/arrow-buttons/Cover.tsx b/client/patterns/arrow-buttons/Cover.tsx index c3016da..ab61a6e 100644 --- a/client/patterns/arrow-buttons/Cover.tsx +++ b/client/patterns/arrow-buttons/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/arrow-buttons/Details.tsx b/client/patterns/arrow-buttons/Details.tsx index 0345fa7..35888e3 100644 --- a/client/patterns/arrow-buttons/Details.tsx +++ b/client/patterns/arrow-buttons/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/avatar-list/Cover.tsx b/client/patterns/avatar-list/Cover.tsx index e72ce52..787b8b7 100644 --- a/client/patterns/avatar-list/Cover.tsx +++ b/client/patterns/avatar-list/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/avatar-list/Details.tsx b/client/patterns/avatar-list/Details.tsx index 9b6cfe2..c6be124 100644 --- a/client/patterns/avatar-list/Details.tsx +++ b/client/patterns/avatar-list/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/avatar/Cover.tsx b/client/patterns/avatar/Cover.tsx index 174a313..ae747f5 100644 --- a/client/patterns/avatar/Cover.tsx +++ b/client/patterns/avatar/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/avatar/Details.tsx b/client/patterns/avatar/Details.tsx index 0291e40..82b8c55 100644 --- a/client/patterns/avatar/Details.tsx +++ b/client/patterns/avatar/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/badge/Cover.tsx b/client/patterns/badge/Cover.tsx index a51ee50..12ba360 100644 --- a/client/patterns/badge/Cover.tsx +++ b/client/patterns/badge/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/badge/Details.tsx b/client/patterns/badge/Details.tsx index c0ea3a9..68717bb 100644 --- a/client/patterns/badge/Details.tsx +++ b/client/patterns/badge/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/breadcrumb/Cover.tsx b/client/patterns/breadcrumb/Cover.tsx index 31ab46a..e739b09 100644 --- a/client/patterns/breadcrumb/Cover.tsx +++ b/client/patterns/breadcrumb/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/breadcrumb/Details.tsx b/client/patterns/breadcrumb/Details.tsx index 207253a..d3936c1 100644 --- a/client/patterns/breadcrumb/Details.tsx +++ b/client/patterns/breadcrumb/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/button-with-icon/Cover.tsx b/client/patterns/button-with-icon/Cover.tsx index b9c84c5..b37d4b0 100644 --- a/client/patterns/button-with-icon/Cover.tsx +++ b/client/patterns/button-with-icon/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/button-with-icon/Details.tsx b/client/patterns/button-with-icon/Details.tsx index 6031f39..40ae1da 100644 --- a/client/patterns/button-with-icon/Details.tsx +++ b/client/patterns/button-with-icon/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/card-layout/Cover.tsx b/client/patterns/card-layout/Cover.tsx index 95de43a..53147b4 100644 --- a/client/patterns/card-layout/Cover.tsx +++ b/client/patterns/card-layout/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/card-layout/Details.tsx b/client/patterns/card-layout/Details.tsx index 06cbc14..cc9941c 100644 --- a/client/patterns/card-layout/Details.tsx +++ b/client/patterns/card-layout/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/card/Cover.tsx b/client/patterns/card/Cover.tsx index a9caf2e..57b798d 100644 --- a/client/patterns/card/Cover.tsx +++ b/client/patterns/card/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/card/Details.tsx b/client/patterns/card/Details.tsx index cd2e2fc..a404daa 100644 --- a/client/patterns/card/Details.tsx +++ b/client/patterns/card/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/centering/Cover.tsx b/client/patterns/centering/Cover.tsx index ba0c0c5..220f727 100644 --- a/client/patterns/centering/Cover.tsx +++ b/client/patterns/centering/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/centering/Details.tsx b/client/patterns/centering/Details.tsx index ca87092..1a32c80 100644 --- a/client/patterns/centering/Details.tsx +++ b/client/patterns/centering/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/chip/Cover.tsx b/client/patterns/chip/Cover.tsx index 42e17b5..6bea894 100644 --- a/client/patterns/chip/Cover.tsx +++ b/client/patterns/chip/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/chip/Details.tsx b/client/patterns/chip/Details.tsx index 25b8bae..7d5fb20 100644 --- a/client/patterns/chip/Details.tsx +++ b/client/patterns/chip/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import { Link } from 'react-router-dom'; diff --git a/client/patterns/chip/InputChip.tsx b/client/patterns/chip/InputChip.tsx index a5b6477..ea8748d 100644 --- a/client/patterns/chip/InputChip.tsx +++ b/client/patterns/chip/InputChip.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; const InputChip: React.FC<{}> = ({ children }) => { return ( diff --git a/client/patterns/circular-navigation/Cover.tsx b/client/patterns/circular-navigation/Cover.tsx index 4b16c55..cbca4a2 100644 --- a/client/patterns/circular-navigation/Cover.tsx +++ b/client/patterns/circular-navigation/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/circular-navigation/Details.tsx b/client/patterns/circular-navigation/Details.tsx index ec0dbb5..1122c9c 100644 --- a/client/patterns/circular-navigation/Details.tsx +++ b/client/patterns/circular-navigation/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/close-button/Cover.tsx b/client/patterns/close-button/Cover.tsx index aa8167c..04d173a 100644 --- a/client/patterns/close-button/Cover.tsx +++ b/client/patterns/close-button/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/close-button/Details.tsx b/client/patterns/close-button/Details.tsx index d03a1f7..4468587 100644 --- a/client/patterns/close-button/Details.tsx +++ b/client/patterns/close-button/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/cookie-banner/Cover.tsx b/client/patterns/cookie-banner/Cover.tsx index 88e2819..f8a9841 100644 --- a/client/patterns/cookie-banner/Cover.tsx +++ b/client/patterns/cookie-banner/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/cookie-banner/Details.tsx b/client/patterns/cookie-banner/Details.tsx index ca1b179..59d2f29 100644 --- a/client/patterns/cookie-banner/Details.tsx +++ b/client/patterns/cookie-banner/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/corner-ribbon/Cover.tsx b/client/patterns/corner-ribbon/Cover.tsx index ff40d34..2d7faa3 100644 --- a/client/patterns/corner-ribbon/Cover.tsx +++ b/client/patterns/corner-ribbon/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/corner-ribbon/Details.tsx b/client/patterns/corner-ribbon/Details.tsx index a9eb56c..9656450 100644 --- a/client/patterns/corner-ribbon/Details.tsx +++ b/client/patterns/corner-ribbon/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import { Link } from 'react-router-dom'; diff --git a/client/patterns/curved-background/Cover.tsx b/client/patterns/curved-background/Cover.tsx index 6669376..faaae13 100644 --- a/client/patterns/curved-background/Cover.tsx +++ b/client/patterns/curved-background/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/curved-background/Details.tsx b/client/patterns/curved-background/Details.tsx index 1a9ac9c..21284f5 100644 --- a/client/patterns/curved-background/Details.tsx +++ b/client/patterns/curved-background/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/custom-checkbox-button/Cover.tsx b/client/patterns/custom-checkbox-button/Cover.tsx index f143915..0e62c10 100644 --- a/client/patterns/custom-checkbox-button/Cover.tsx +++ b/client/patterns/custom-checkbox-button/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/custom-checkbox-button/Details.tsx b/client/patterns/custom-checkbox-button/Details.tsx index be4f0b0..92740d7 100644 --- a/client/patterns/custom-checkbox-button/Details.tsx +++ b/client/patterns/custom-checkbox-button/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; @@ -19,7 +19,7 @@ interface CheckboxProps { const Details: React.FC<{}> = () => { const Checkbox: React.FC = ({ isChecked, value, children }) => { - const [checked, setChecked] = useState(isChecked); + const [checked, setChecked] = React.useState(isChecked); const click = () => setChecked((c) => !c); return ( diff --git a/client/patterns/custom-radio-button/Cover.tsx b/client/patterns/custom-radio-button/Cover.tsx index 1ef1b98..54cb8be 100644 --- a/client/patterns/custom-radio-button/Cover.tsx +++ b/client/patterns/custom-radio-button/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/custom-radio-button/Details.tsx b/client/patterns/custom-radio-button/Details.tsx index 3ed2250..004a666 100644 --- a/client/patterns/custom-radio-button/Details.tsx +++ b/client/patterns/custom-radio-button/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; @@ -17,7 +17,7 @@ interface RadioProps { } const Details: React.FC<{}> = () => { - const [selectedValue, setSelectedValue] = useState('1'); + const [selectedValue, setSelectedValue] = React.useState('1'); const Radio: React.FC = ({ value, children }) => { const click = () => setSelectedValue(value); diff --git a/client/patterns/diagonal-section/Cover.tsx b/client/patterns/diagonal-section/Cover.tsx index baeffe6..dbf6703 100644 --- a/client/patterns/diagonal-section/Cover.tsx +++ b/client/patterns/diagonal-section/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/diagonal-section/Details.tsx b/client/patterns/diagonal-section/Details.tsx index d3dfde4..b46822a 100644 --- a/client/patterns/diagonal-section/Details.tsx +++ b/client/patterns/diagonal-section/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/docked-at-corner/Cover.tsx b/client/patterns/docked-at-corner/Cover.tsx index 95bda77..414b895 100644 --- a/client/patterns/docked-at-corner/Cover.tsx +++ b/client/patterns/docked-at-corner/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/docked-at-corner/Details.tsx b/client/patterns/docked-at-corner/Details.tsx index 8eeda24..b4d3265 100644 --- a/client/patterns/docked-at-corner/Details.tsx +++ b/client/patterns/docked-at-corner/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Heading from '../../components/Heading'; diff --git a/client/patterns/dot-leader/Cover.tsx b/client/patterns/dot-leader/Cover.tsx index d0f2a60..72ea240 100644 --- a/client/patterns/dot-leader/Cover.tsx +++ b/client/patterns/dot-leader/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/dot-leader/Details.tsx b/client/patterns/dot-leader/Details.tsx index e18326c..b9a00a0 100644 --- a/client/patterns/dot-leader/Details.tsx +++ b/client/patterns/dot-leader/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Heading from '../../components/Heading'; diff --git a/client/patterns/dot-navigation/Cover.tsx b/client/patterns/dot-navigation/Cover.tsx index 0957193..b4b111e 100644 --- a/client/patterns/dot-navigation/Cover.tsx +++ b/client/patterns/dot-navigation/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/dot-navigation/Details.tsx b/client/patterns/dot-navigation/Details.tsx index 2c1a575..854c106 100644 --- a/client/patterns/dot-navigation/Details.tsx +++ b/client/patterns/dot-navigation/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; @@ -15,7 +15,7 @@ interface DotProps { } const Details: React.FC<{}> = () => { - const [activeItem, setActiveItem] = useState(0); + const [activeItem, setActiveItem] = React.useState(0); const Dot: React.FC = ({ index }) => { const isActive = index === activeItem; diff --git a/client/patterns/drawer/Cover.tsx b/client/patterns/drawer/Cover.tsx index b6036c2..c4d5d26 100644 --- a/client/patterns/drawer/Cover.tsx +++ b/client/patterns/drawer/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/drawer/Details.tsx b/client/patterns/drawer/Details.tsx index ff115cb..3dad13a 100644 --- a/client/patterns/drawer/Details.tsx +++ b/client/patterns/drawer/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/drop-area/Cover.tsx b/client/patterns/drop-area/Cover.tsx index 74ccd93..d673a98 100644 --- a/client/patterns/drop-area/Cover.tsx +++ b/client/patterns/drop-area/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/drop-area/Details.tsx b/client/patterns/drop-area/Details.tsx index dca1e25..7b084b1 100644 --- a/client/patterns/drop-area/Details.tsx +++ b/client/patterns/drop-area/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/drop-cap/Cover.tsx b/client/patterns/drop-cap/Cover.tsx index 467daf0..ebdd68f 100644 --- a/client/patterns/drop-cap/Cover.tsx +++ b/client/patterns/drop-cap/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/drop-cap/Details.tsx b/client/patterns/drop-cap/Details.tsx index 74a9969..e774afb 100644 --- a/client/patterns/drop-cap/Details.tsx +++ b/client/patterns/drop-cap/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import './dropcap.css'; diff --git a/client/patterns/dropdown/Cover.tsx b/client/patterns/dropdown/Cover.tsx index 1186095..2ebf3b5 100644 --- a/client/patterns/dropdown/Cover.tsx +++ b/client/patterns/dropdown/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/dropdown/Details.tsx b/client/patterns/dropdown/Details.tsx index 230ce1e..00f379a 100644 --- a/client/patterns/dropdown/Details.tsx +++ b/client/patterns/dropdown/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import './dropdown.css'; diff --git a/client/patterns/fading-long-section/Cover.tsx b/client/patterns/fading-long-section/Cover.tsx index 2b1b25f..de131df 100644 --- a/client/patterns/fading-long-section/Cover.tsx +++ b/client/patterns/fading-long-section/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import random from '../../helpers/random'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/fading-long-section/Details.tsx b/client/patterns/fading-long-section/Details.tsx index 0e5a7bc..9cc23cf 100644 --- a/client/patterns/fading-long-section/Details.tsx +++ b/client/patterns/fading-long-section/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/feature-comparison/Cover.tsx b/client/patterns/feature-comparison/Cover.tsx index f63e5bd..9b8b059 100644 --- a/client/patterns/feature-comparison/Cover.tsx +++ b/client/patterns/feature-comparison/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/feature-comparison/Details.tsx b/client/patterns/feature-comparison/Details.tsx index 9868696..3f52538 100644 --- a/client/patterns/feature-comparison/Details.tsx +++ b/client/patterns/feature-comparison/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/feature-list/Cover.tsx b/client/patterns/feature-list/Cover.tsx index 0fe24ac..72b6c33 100644 --- a/client/patterns/feature-list/Cover.tsx +++ b/client/patterns/feature-list/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/feature-list/Details.tsx b/client/patterns/feature-list/Details.tsx index fc53d38..b4bae8f 100644 --- a/client/patterns/feature-list/Details.tsx +++ b/client/patterns/feature-list/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/fixed-at-corner/Cover.tsx b/client/patterns/fixed-at-corner/Cover.tsx index 4350f52..1985bd2 100644 --- a/client/patterns/fixed-at-corner/Cover.tsx +++ b/client/patterns/fixed-at-corner/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Triangle from '../../placeholders/Triangle'; diff --git a/client/patterns/fixed-at-corner/Details.tsx b/client/patterns/fixed-at-corner/Details.tsx index d6be317..b839414 100644 --- a/client/patterns/fixed-at-corner/Details.tsx +++ b/client/patterns/fixed-at-corner/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/fixed-at-side/Cover.tsx b/client/patterns/fixed-at-side/Cover.tsx index 0a58e82..ef9935c 100644 --- a/client/patterns/fixed-at-side/Cover.tsx +++ b/client/patterns/fixed-at-side/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/fixed-at-side/Details.tsx b/client/patterns/fixed-at-side/Details.tsx index 20adf67..28fca7a 100644 --- a/client/patterns/fixed-at-side/Details.tsx +++ b/client/patterns/fixed-at-side/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Heading from '../../components/Heading'; diff --git a/client/patterns/floating-label/Cover.tsx b/client/patterns/floating-label/Cover.tsx index 30acdac..ef5a5ef 100644 --- a/client/patterns/floating-label/Cover.tsx +++ b/client/patterns/floating-label/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/floating-label/Details.tsx b/client/patterns/floating-label/Details.tsx index c06501c..4d73c46 100644 --- a/client/patterns/floating-label/Details.tsx +++ b/client/patterns/floating-label/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import './floating-label.css'; diff --git a/client/patterns/full-background/Cover.tsx b/client/patterns/full-background/Cover.tsx index bfd6e49..d52bb2a 100644 --- a/client/patterns/full-background/Cover.tsx +++ b/client/patterns/full-background/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/full-background/Details.tsx b/client/patterns/full-background/Details.tsx index a46a881..bde3fb9 100644 --- a/client/patterns/full-background/Details.tsx +++ b/client/patterns/full-background/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/full-screen-menu/Cover.tsx b/client/patterns/full-screen-menu/Cover.tsx index 0f6c300..4ac2a84 100644 --- a/client/patterns/full-screen-menu/Cover.tsx +++ b/client/patterns/full-screen-menu/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/full-screen-menu/Details.tsx b/client/patterns/full-screen-menu/Details.tsx index e46c4f7..f9e450e 100644 --- a/client/patterns/full-screen-menu/Details.tsx +++ b/client/patterns/full-screen-menu/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/holy-grail/Cover.tsx b/client/patterns/holy-grail/Cover.tsx index 8e31aee..7ccc0e0 100644 --- a/client/patterns/holy-grail/Cover.tsx +++ b/client/patterns/holy-grail/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/holy-grail/Details.tsx b/client/patterns/holy-grail/Details.tsx index 22c92e2..a5cc533 100644 --- a/client/patterns/holy-grail/Details.tsx +++ b/client/patterns/holy-grail/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/initial-avatar/Cover.tsx b/client/patterns/initial-avatar/Cover.tsx index ca40597..440e11c 100644 --- a/client/patterns/initial-avatar/Cover.tsx +++ b/client/patterns/initial-avatar/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/initial-avatar/Details.tsx b/client/patterns/initial-avatar/Details.tsx index ec9e233..10627db 100644 --- a/client/patterns/initial-avatar/Details.tsx +++ b/client/patterns/initial-avatar/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import { Link } from 'react-router-dom'; diff --git a/client/patterns/input-addon/Cover.tsx b/client/patterns/input-addon/Cover.tsx index a87c211..5b653bf 100644 --- a/client/patterns/input-addon/Cover.tsx +++ b/client/patterns/input-addon/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/input-addon/Details.tsx b/client/patterns/input-addon/Details.tsx index 9972f35..9ea3ce4 100644 --- a/client/patterns/input-addon/Details.tsx +++ b/client/patterns/input-addon/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/keyboard-shortcut/Cover.tsx b/client/patterns/keyboard-shortcut/Cover.tsx index 59e73e2..de641ef 100644 --- a/client/patterns/keyboard-shortcut/Cover.tsx +++ b/client/patterns/keyboard-shortcut/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/keyboard-shortcut/Details.tsx b/client/patterns/keyboard-shortcut/Details.tsx index 19d6040..e43fca1 100644 --- a/client/patterns/keyboard-shortcut/Details.tsx +++ b/client/patterns/keyboard-shortcut/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import { Link } from 'react-router-dom'; diff --git a/client/patterns/lined-paper/Cover.tsx b/client/patterns/lined-paper/Cover.tsx index 7e8a721..f5f4e08 100644 --- a/client/patterns/lined-paper/Cover.tsx +++ b/client/patterns/lined-paper/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/lined-paper/Details.tsx b/client/patterns/lined-paper/Details.tsx index 6400ccc..bafb1d2 100644 --- a/client/patterns/lined-paper/Details.tsx +++ b/client/patterns/lined-paper/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/media-object/Cover.tsx b/client/patterns/media-object/Cover.tsx index 86fc6b0..6b78fdb 100644 --- a/client/patterns/media-object/Cover.tsx +++ b/client/patterns/media-object/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/media-object/Details.tsx b/client/patterns/media-object/Details.tsx index b180983..af7ffb7 100644 --- a/client/patterns/media-object/Details.tsx +++ b/client/patterns/media-object/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/mega-menu/Cover.tsx b/client/patterns/mega-menu/Cover.tsx index 8a50d01..7135250 100644 --- a/client/patterns/mega-menu/Cover.tsx +++ b/client/patterns/mega-menu/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/mega-menu/Details.tsx b/client/patterns/mega-menu/Details.tsx index f1a2c91..5b8e28b 100644 --- a/client/patterns/mega-menu/Details.tsx +++ b/client/patterns/mega-menu/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import './mega-menu.css'; diff --git a/client/patterns/menu/Cover.tsx b/client/patterns/menu/Cover.tsx index e5c5afa..ea3906d 100644 --- a/client/patterns/menu/Cover.tsx +++ b/client/patterns/menu/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/menu/Details.tsx b/client/patterns/menu/Details.tsx index cfa545c..8fed6d4 100644 --- a/client/patterns/menu/Details.tsx +++ b/client/patterns/menu/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import './menu.css'; diff --git a/client/patterns/modal/Cover.tsx b/client/patterns/modal/Cover.tsx index bcabc91..39b8673 100644 --- a/client/patterns/modal/Cover.tsx +++ b/client/patterns/modal/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/modal/Details.tsx b/client/patterns/modal/Details.tsx index 33044e6..d031833 100644 --- a/client/patterns/modal/Details.tsx +++ b/client/patterns/modal/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import { Link } from 'react-router-dom'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/nested-dropdowns/Cover.tsx b/client/patterns/nested-dropdowns/Cover.tsx index a85b93e..ab68f44 100644 --- a/client/patterns/nested-dropdowns/Cover.tsx +++ b/client/patterns/nested-dropdowns/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/nested-dropdowns/Details.tsx b/client/patterns/nested-dropdowns/Details.tsx index 250f807..b3b1977 100644 --- a/client/patterns/nested-dropdowns/Details.tsx +++ b/client/patterns/nested-dropdowns/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import './nested-dropdowns.css'; diff --git a/client/patterns/notification/Cover.tsx b/client/patterns/notification/Cover.tsx index 7e66ad7..2539eff 100644 --- a/client/patterns/notification/Cover.tsx +++ b/client/patterns/notification/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/notification/Details.tsx b/client/patterns/notification/Details.tsx index 45c4911..4e2ceda 100644 --- a/client/patterns/notification/Details.tsx +++ b/client/patterns/notification/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import { Link } from 'react-router-dom'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/overlay-play-button/Cover.tsx b/client/patterns/overlay-play-button/Cover.tsx index b64440a..e882318 100644 --- a/client/patterns/overlay-play-button/Cover.tsx +++ b/client/patterns/overlay-play-button/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Triangle from '../../placeholders/Triangle'; diff --git a/client/patterns/overlay-play-button/Details.tsx b/client/patterns/overlay-play-button/Details.tsx index 471c3ac..d22454a 100644 --- a/client/patterns/overlay-play-button/Details.tsx +++ b/client/patterns/overlay-play-button/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/pagination/Cover.tsx b/client/patterns/pagination/Cover.tsx index 8faca0b..fb35ebe 100644 --- a/client/patterns/pagination/Cover.tsx +++ b/client/patterns/pagination/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/pagination/Details.tsx b/client/patterns/pagination/Details.tsx index 8a726c2..538afa2 100644 --- a/client/patterns/pagination/Details.tsx +++ b/client/patterns/pagination/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/popover-arrow/Cover.tsx b/client/patterns/popover-arrow/Cover.tsx index c3f23da..8defcec 100644 --- a/client/patterns/popover-arrow/Cover.tsx +++ b/client/patterns/popover-arrow/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/popover-arrow/Details.tsx b/client/patterns/popover-arrow/Details.tsx index eb12c02..9f05d81 100644 --- a/client/patterns/popover-arrow/Details.tsx +++ b/client/patterns/popover-arrow/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/presence-indicator/Cover.tsx b/client/patterns/presence-indicator/Cover.tsx index d2e301f..1dfb5a2 100644 --- a/client/patterns/presence-indicator/Cover.tsx +++ b/client/patterns/presence-indicator/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/presence-indicator/Details.tsx b/client/patterns/presence-indicator/Details.tsx index 54bceab..5ad8fc1 100644 --- a/client/patterns/presence-indicator/Details.tsx +++ b/client/patterns/presence-indicator/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/previous-next-buttons/Cover.tsx b/client/patterns/previous-next-buttons/Cover.tsx index 6d7f128..19911bb 100644 --- a/client/patterns/previous-next-buttons/Cover.tsx +++ b/client/patterns/previous-next-buttons/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/previous-next-buttons/Details.tsx b/client/patterns/previous-next-buttons/Details.tsx index bde7e13..386b962 100644 --- a/client/patterns/previous-next-buttons/Details.tsx +++ b/client/patterns/previous-next-buttons/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/pricing-table/Cover.tsx b/client/patterns/pricing-table/Cover.tsx index 50d7572..5c45aa8 100644 --- a/client/patterns/pricing-table/Cover.tsx +++ b/client/patterns/pricing-table/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/pricing-table/Details.tsx b/client/patterns/pricing-table/Details.tsx index ec13aa6..5c46842 100644 --- a/client/patterns/pricing-table/Details.tsx +++ b/client/patterns/pricing-table/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import { Link } from 'react-router-dom'; diff --git a/client/patterns/progress-bar/Cover.tsx b/client/patterns/progress-bar/Cover.tsx index de11da4..9f5d4ed 100644 --- a/client/patterns/progress-bar/Cover.tsx +++ b/client/patterns/progress-bar/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/progress-bar/Details.tsx b/client/patterns/progress-bar/Details.tsx index 80c367a..4bf869c 100644 --- a/client/patterns/progress-bar/Details.tsx +++ b/client/patterns/progress-bar/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; @@ -12,7 +12,7 @@ import DetailsLayout from '../../layouts/DetailsLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { - const [progress, setProgress] = useState(0); + const [progress, setProgress] = React.useState(0); useInterval(() => { setProgress((v) => v === 100 ? 0 : v + 1); }, 1 * 100); diff --git a/client/patterns/property-list/Cover.tsx b/client/patterns/property-list/Cover.tsx index a8fe5de..ed3b391 100644 --- a/client/patterns/property-list/Cover.tsx +++ b/client/patterns/property-list/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/property-list/Details.tsx b/client/patterns/property-list/Details.tsx index f91ebe9..e121bfa 100644 --- a/client/patterns/property-list/Details.tsx +++ b/client/patterns/property-list/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Heading from '../../components/Heading'; diff --git a/client/patterns/questions-and-answers/Cover.tsx b/client/patterns/questions-and-answers/Cover.tsx index bf50f04..5949d9b 100644 --- a/client/patterns/questions-and-answers/Cover.tsx +++ b/client/patterns/questions-and-answers/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/questions-and-answers/Details.tsx b/client/patterns/questions-and-answers/Details.tsx index 4b4229f..49f5a56 100644 --- a/client/patterns/questions-and-answers/Details.tsx +++ b/client/patterns/questions-and-answers/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; @@ -20,7 +20,7 @@ interface ItemProps { } const Details: React.FC<{}> = () => { - const [activeItem, setActiveItem] = useState(-1); + const [activeItem, setActiveItem] = React.useState(-1); const Item: React.FC = ({ index, title, children }) => { const isOpened = (index === activeItem); diff --git a/client/patterns/radial-progress-bar/Cover.tsx b/client/patterns/radial-progress-bar/Cover.tsx index 9d416a8..42f6d26 100644 --- a/client/patterns/radial-progress-bar/Cover.tsx +++ b/client/patterns/radial-progress-bar/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/radial-progress-bar/Details.tsx b/client/patterns/radial-progress-bar/Details.tsx index 91289a9..630c5ed 100644 --- a/client/patterns/radial-progress-bar/Details.tsx +++ b/client/patterns/radial-progress-bar/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/radio-button-group/Cover.tsx b/client/patterns/radio-button-group/Cover.tsx index 3569e48..691f508 100644 --- a/client/patterns/radio-button-group/Cover.tsx +++ b/client/patterns/radio-button-group/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/radio-button-group/Details.tsx b/client/patterns/radio-button-group/Details.tsx index d2ba12a..846e9a5 100644 --- a/client/patterns/radio-button-group/Details.tsx +++ b/client/patterns/radio-button-group/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import './radio-button-group.css'; @@ -19,7 +19,7 @@ interface RadioProps { } const Details: React.FC<{}> = () => { - const [selectedValue, setSelectedValue] = useState('1'); + const [selectedValue, setSelectedValue] = React.useState('1'); const Radio: React.FC = ({ value, children }) => { const click = () => setSelectedValue(value); diff --git a/client/patterns/radio-switch/Cover.tsx b/client/patterns/radio-switch/Cover.tsx index a5637df..e49bc52 100644 --- a/client/patterns/radio-switch/Cover.tsx +++ b/client/patterns/radio-switch/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/radio-switch/Details.tsx b/client/patterns/radio-switch/Details.tsx index 6dc913e..e3d245c 100644 --- a/client/patterns/radio-switch/Details.tsx +++ b/client/patterns/radio-switch/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Heading from '../../components/Heading'; @@ -13,7 +13,7 @@ import DetailsLayout from '../../layouts/DetailsLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { - const [isFirstChecked, setFirstChecked] = useState(false); + const [isFirstChecked, setFirstChecked] = React.useState(false); const toggle = () => setFirstChecked((c) => !c); return ( diff --git a/client/patterns/rating/Cover.tsx b/client/patterns/rating/Cover.tsx index 4d5fc26..43b0d2a 100644 --- a/client/patterns/rating/Cover.tsx +++ b/client/patterns/rating/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/rating/Details.tsx b/client/patterns/rating/Details.tsx index 9e52b89..d004843 100644 --- a/client/patterns/rating/Details.tsx +++ b/client/patterns/rating/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/rating/Star.tsx b/client/patterns/rating/Star.tsx index 719583e..428d112 100644 --- a/client/patterns/rating/Star.tsx +++ b/client/patterns/rating/Star.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import './star.css'; diff --git a/client/patterns/resizable-element/Cover.tsx b/client/patterns/resizable-element/Cover.tsx index c35431b..9020af2 100644 --- a/client/patterns/resizable-element/Cover.tsx +++ b/client/patterns/resizable-element/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/resizable-element/Details.tsx b/client/patterns/resizable-element/Details.tsx index 9ce1a26..707333c 100644 --- a/client/patterns/resizable-element/Details.tsx +++ b/client/patterns/resizable-element/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/ribbon/Cover.tsx b/client/patterns/ribbon/Cover.tsx index 316d811..cb082d4 100644 --- a/client/patterns/ribbon/Cover.tsx +++ b/client/patterns/ribbon/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/ribbon/Details.tsx b/client/patterns/ribbon/Details.tsx index c7f492a..f2b644a 100644 --- a/client/patterns/ribbon/Details.tsx +++ b/client/patterns/ribbon/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/same-height-columns/Cover.tsx b/client/patterns/same-height-columns/Cover.tsx index a5c7a71..236199b 100644 --- a/client/patterns/same-height-columns/Cover.tsx +++ b/client/patterns/same-height-columns/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/same-height-columns/Details.tsx b/client/patterns/same-height-columns/Details.tsx index 1184f2f..5f7a8dc 100644 --- a/client/patterns/same-height-columns/Details.tsx +++ b/client/patterns/same-height-columns/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/search-box/Cover.tsx b/client/patterns/search-box/Cover.tsx index b673843..43a1875 100644 --- a/client/patterns/search-box/Cover.tsx +++ b/client/patterns/search-box/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/search-box/Details.tsx b/client/patterns/search-box/Details.tsx index 60a1a21..2e380ed 100644 --- a/client/patterns/search-box/Details.tsx +++ b/client/patterns/search-box/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/separator/Cover.tsx b/client/patterns/separator/Cover.tsx index 1bfdc68..726dcb5 100644 --- a/client/patterns/separator/Cover.tsx +++ b/client/patterns/separator/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/separator/Details.tsx b/client/patterns/separator/Details.tsx index 5a9d23e..40d342c 100644 --- a/client/patterns/separator/Details.tsx +++ b/client/patterns/separator/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/sidebar/Cover.tsx b/client/patterns/sidebar/Cover.tsx index 52198ad..b2afd6a 100644 --- a/client/patterns/sidebar/Cover.tsx +++ b/client/patterns/sidebar/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/sidebar/Details.tsx b/client/patterns/sidebar/Details.tsx index 77d70a7..917bf49 100644 --- a/client/patterns/sidebar/Details.tsx +++ b/client/patterns/sidebar/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/simple-grid/Cover.tsx b/client/patterns/simple-grid/Cover.tsx index 544cacf..530cabe 100644 --- a/client/patterns/simple-grid/Cover.tsx +++ b/client/patterns/simple-grid/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/simple-grid/Details.tsx b/client/patterns/simple-grid/Details.tsx index 326c6b5..2633e6a 100644 --- a/client/patterns/simple-grid/Details.tsx +++ b/client/patterns/simple-grid/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/slider/Cover.tsx b/client/patterns/slider/Cover.tsx index f7133fc..2112be3 100644 --- a/client/patterns/slider/Cover.tsx +++ b/client/patterns/slider/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/slider/Details.tsx b/client/patterns/slider/Details.tsx index 9cb8998..8e2d232 100644 --- a/client/patterns/slider/Details.tsx +++ b/client/patterns/slider/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/spin-button/Cover.tsx b/client/patterns/spin-button/Cover.tsx index 4d7607e..f40f16f 100644 --- a/client/patterns/spin-button/Cover.tsx +++ b/client/patterns/spin-button/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Triangle from '../../placeholders/Triangle'; diff --git a/client/patterns/spin-button/Details.tsx b/client/patterns/spin-button/Details.tsx index 84a6998..7ac0108 100644 --- a/client/patterns/spin-button/Details.tsx +++ b/client/patterns/spin-button/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; @@ -13,7 +13,7 @@ import BrowserFrame from '../../placeholders/BrowserFrame'; import Triangle from '../../placeholders/Triangle'; const Details: React.FC<{}> = () => { - const [value, setValue] = useState(0); + const [value, setValue] = React.useState(0); const decrease = () => setValue(value - 1); const increase = () => setValue(value + 1); const change = (e: React.ChangeEvent) => setValue(parseInt(e.target.value, 10)); diff --git a/client/patterns/split-navigation/Cover.tsx b/client/patterns/split-navigation/Cover.tsx index e7220ff..cb16c18 100644 --- a/client/patterns/split-navigation/Cover.tsx +++ b/client/patterns/split-navigation/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/split-navigation/Details.tsx b/client/patterns/split-navigation/Details.tsx index f973a43..462e882 100644 --- a/client/patterns/split-navigation/Details.tsx +++ b/client/patterns/split-navigation/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/split-screen/Cover.tsx b/client/patterns/split-screen/Cover.tsx index cc7713e..9a1b097 100644 --- a/client/patterns/split-screen/Cover.tsx +++ b/client/patterns/split-screen/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/split-screen/Details.tsx b/client/patterns/split-screen/Details.tsx index c52eb26..c68edc1 100644 --- a/client/patterns/split-screen/Details.tsx +++ b/client/patterns/split-screen/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/stacked-cards/Cover.tsx b/client/patterns/stacked-cards/Cover.tsx index 56420e0..a8dadd7 100644 --- a/client/patterns/stacked-cards/Cover.tsx +++ b/client/patterns/stacked-cards/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/stacked-cards/Details.tsx b/client/patterns/stacked-cards/Details.tsx index 05c757e..b1cb7a0 100644 --- a/client/patterns/stacked-cards/Details.tsx +++ b/client/patterns/stacked-cards/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/stamp-border/Cover.tsx b/client/patterns/stamp-border/Cover.tsx index c067f5e..e183cb5 100644 --- a/client/patterns/stamp-border/Cover.tsx +++ b/client/patterns/stamp-border/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/stamp-border/Details.tsx b/client/patterns/stamp-border/Details.tsx index a98e4b6..6ff4cd2 100644 --- a/client/patterns/stamp-border/Details.tsx +++ b/client/patterns/stamp-border/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/statistic/Cover.tsx b/client/patterns/statistic/Cover.tsx index 1a51507..cec31ad 100644 --- a/client/patterns/statistic/Cover.tsx +++ b/client/patterns/statistic/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/statistic/Details.tsx b/client/patterns/statistic/Details.tsx index 061773b..bde5d00 100644 --- a/client/patterns/statistic/Details.tsx +++ b/client/patterns/statistic/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/status-light/Cover.tsx b/client/patterns/status-light/Cover.tsx index a333cdb..ff4c6f7 100644 --- a/client/patterns/status-light/Cover.tsx +++ b/client/patterns/status-light/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/status-light/Details.tsx b/client/patterns/status-light/Details.tsx index 146be3a..92badfd 100644 --- a/client/patterns/status-light/Details.tsx +++ b/client/patterns/status-light/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Heading from '../../components/Heading'; diff --git a/client/patterns/stepper-input/Cover.tsx b/client/patterns/stepper-input/Cover.tsx index 9aeda33..4d3ed5f 100644 --- a/client/patterns/stepper-input/Cover.tsx +++ b/client/patterns/stepper-input/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/stepper-input/Details.tsx b/client/patterns/stepper-input/Details.tsx index 4c8b1ee..ba8a42c 100644 --- a/client/patterns/stepper-input/Details.tsx +++ b/client/patterns/stepper-input/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; @@ -12,7 +12,7 @@ import DetailsLayout from '../../layouts/DetailsLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { - const [value, setValue] = useState(0); + const [value, setValue] = React.useState(0); const decrease = () => setValue(value - 1); const increase = () => setValue(value + 1); const change = (e: React.ChangeEvent) => { diff --git a/client/patterns/sticky-footer/Cover.tsx b/client/patterns/sticky-footer/Cover.tsx index ab8550a..9135631 100644 --- a/client/patterns/sticky-footer/Cover.tsx +++ b/client/patterns/sticky-footer/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/sticky-footer/Details.tsx b/client/patterns/sticky-footer/Details.tsx index f06baec..e40b581 100644 --- a/client/patterns/sticky-footer/Details.tsx +++ b/client/patterns/sticky-footer/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/sticky-header/Cover.tsx b/client/patterns/sticky-header/Cover.tsx index 2ded916..ce207e9 100644 --- a/client/patterns/sticky-header/Cover.tsx +++ b/client/patterns/sticky-header/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/sticky-header/Details.tsx b/client/patterns/sticky-header/Details.tsx index 6877f88..d59de54 100644 --- a/client/patterns/sticky-header/Details.tsx +++ b/client/patterns/sticky-header/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/sticky-sections/Cover.tsx b/client/patterns/sticky-sections/Cover.tsx index 9f00017..1ad4f16 100644 --- a/client/patterns/sticky-sections/Cover.tsx +++ b/client/patterns/sticky-sections/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/sticky-sections/Details.tsx b/client/patterns/sticky-sections/Details.tsx index 3ce3376..dbfd6ec 100644 --- a/client/patterns/sticky-sections/Details.tsx +++ b/client/patterns/sticky-sections/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/sticky-table-column/Cover.tsx b/client/patterns/sticky-table-column/Cover.tsx index 1f25cf9..7560501 100644 --- a/client/patterns/sticky-table-column/Cover.tsx +++ b/client/patterns/sticky-table-column/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/sticky-table-column/Details.tsx b/client/patterns/sticky-table-column/Details.tsx index b85bcd6..48f16ed 100644 --- a/client/patterns/sticky-table-column/Details.tsx +++ b/client/patterns/sticky-table-column/Details.tsx @@ -4,7 +4,7 @@ */ // tslint:disable:prefer-object-spread -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/sticky-table-headers/Cover.tsx b/client/patterns/sticky-table-headers/Cover.tsx index 9e93c83..cf8d82f 100644 --- a/client/patterns/sticky-table-headers/Cover.tsx +++ b/client/patterns/sticky-table-headers/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/sticky-table-headers/Details.tsx b/client/patterns/sticky-table-headers/Details.tsx index 099b3b7..3ad8e03 100644 --- a/client/patterns/sticky-table-headers/Details.tsx +++ b/client/patterns/sticky-table-headers/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/switch/Cover.tsx b/client/patterns/switch/Cover.tsx index ec6b8d2..3c622e1 100644 --- a/client/patterns/switch/Cover.tsx +++ b/client/patterns/switch/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/switch/Details.tsx b/client/patterns/switch/Details.tsx index e4740b0..1c47ff2 100644 --- a/client/patterns/switch/Details.tsx +++ b/client/patterns/switch/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; @@ -12,7 +12,7 @@ import DetailsLayout from '../../layouts/DetailsLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { - const [checked, setChecked] = useState(false); + const [checked, setChecked] = React.useState(false); const toggle = () => setChecked((c) => !c); return ( diff --git a/client/patterns/tab/Cover.tsx b/client/patterns/tab/Cover.tsx index f079a1a..a2c1917 100644 --- a/client/patterns/tab/Cover.tsx +++ b/client/patterns/tab/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/tab/Details.tsx b/client/patterns/tab/Details.tsx index b583dfc..5df77e1 100644 --- a/client/patterns/tab/Details.tsx +++ b/client/patterns/tab/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; @@ -16,7 +16,7 @@ interface TabProps { } const Details: React.FC<{}> = () => { - const [activeTab, setActiveTab] = useState(0); + const [activeTab, setActiveTab] = React.useState(0); const Tab: React.FC = ({ tabIndex, children }) => { const isActive = tabIndex === activeTab; diff --git a/client/patterns/teardrop/Cover.tsx b/client/patterns/teardrop/Cover.tsx index 9010c2c..e9d471a 100644 --- a/client/patterns/teardrop/Cover.tsx +++ b/client/patterns/teardrop/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/teardrop/Details.tsx b/client/patterns/teardrop/Details.tsx index e8a82d2..bc5013a 100644 --- a/client/patterns/teardrop/Details.tsx +++ b/client/patterns/teardrop/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/timeline/Cover.tsx b/client/patterns/timeline/Cover.tsx index 7fbacfc..b99994a 100644 --- a/client/patterns/timeline/Cover.tsx +++ b/client/patterns/timeline/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/timeline/Details.tsx b/client/patterns/timeline/Details.tsx index 58f67bd..71bb200 100644 --- a/client/patterns/timeline/Details.tsx +++ b/client/patterns/timeline/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/toggle-password-visibility/Cover.tsx b/client/patterns/toggle-password-visibility/Cover.tsx index fcb332c..c8bdf5f 100644 --- a/client/patterns/toggle-password-visibility/Cover.tsx +++ b/client/patterns/toggle-password-visibility/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Circle from '../../placeholders/Circle'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/toggle-password-visibility/Details.tsx b/client/patterns/toggle-password-visibility/Details.tsx index 7e5403a..151aedf 100644 --- a/client/patterns/toggle-password-visibility/Details.tsx +++ b/client/patterns/toggle-password-visibility/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React, { useState } from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; @@ -11,7 +11,7 @@ import DetailsLayout from '../../layouts/DetailsLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { - const [visible, setVisible] = useState(false); + const [visible, setVisible] = React.useState(false); const toggle = () => setVisible((v) => !v); return ( diff --git a/client/patterns/tooltip/Cover.tsx b/client/patterns/tooltip/Cover.tsx index 4013b0b..cc5bf68 100644 --- a/client/patterns/tooltip/Cover.tsx +++ b/client/patterns/tooltip/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/tooltip/Details.tsx b/client/patterns/tooltip/Details.tsx index 37ad19d..f406d01 100644 --- a/client/patterns/tooltip/Details.tsx +++ b/client/patterns/tooltip/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import './tooltip.css'; diff --git a/client/patterns/triangle-buttons/Cover.tsx b/client/patterns/triangle-buttons/Cover.tsx index 1226322..70161e4 100644 --- a/client/patterns/triangle-buttons/Cover.tsx +++ b/client/patterns/triangle-buttons/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/triangle-buttons/Details.tsx b/client/patterns/triangle-buttons/Details.tsx index 53f2a35..b53b78d 100644 --- a/client/patterns/triangle-buttons/Details.tsx +++ b/client/patterns/triangle-buttons/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/upload-button/Cover.tsx b/client/patterns/upload-button/Cover.tsx index f5ada29..b86d267 100644 --- a/client/patterns/upload-button/Cover.tsx +++ b/client/patterns/upload-button/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Rectangle from '../../placeholders/Rectangle'; diff --git a/client/patterns/upload-button/Details.tsx b/client/patterns/upload-button/Details.tsx index 2795d18..2a842c4 100644 --- a/client/patterns/upload-button/Details.tsx +++ b/client/patterns/upload-button/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/validation-icon/Cover.tsx b/client/patterns/validation-icon/Cover.tsx index 1261aed..e188fee 100644 --- a/client/patterns/validation-icon/Cover.tsx +++ b/client/patterns/validation-icon/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/validation-icon/Details.tsx b/client/patterns/validation-icon/Details.tsx index c01da1c..a151f6b 100644 --- a/client/patterns/validation-icon/Details.tsx +++ b/client/patterns/validation-icon/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/video-background/Cover.tsx b/client/patterns/video-background/Cover.tsx index bfd6e49..d52bb2a 100644 --- a/client/patterns/video-background/Cover.tsx +++ b/client/patterns/video-background/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/video-background/Details.tsx b/client/patterns/video-background/Details.tsx index 6ad02f2..5df5e9f 100644 --- a/client/patterns/video-background/Details.tsx +++ b/client/patterns/video-background/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; diff --git a/client/patterns/watermark/Cover.tsx b/client/patterns/watermark/Cover.tsx index 77597ab..28c2733 100644 --- a/client/patterns/watermark/Cover.tsx +++ b/client/patterns/watermark/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; diff --git a/client/patterns/watermark/Details.tsx b/client/patterns/watermark/Details.tsx index 4d8383b..a6f694e 100644 --- a/client/patterns/watermark/Details.tsx +++ b/client/patterns/watermark/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/patterns/wizard/Cover.tsx b/client/patterns/wizard/Cover.tsx index 28bc913..e4f4cb9 100644 --- a/client/patterns/wizard/Cover.tsx +++ b/client/patterns/wizard/Cover.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import Frame from '../../placeholders/Frame'; import Line from '../../placeholders/Line'; diff --git a/client/patterns/wizard/Details.tsx b/client/patterns/wizard/Details.tsx index 12c2994..4c493f9 100644 --- a/client/patterns/wizard/Details.tsx +++ b/client/patterns/wizard/Details.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import { Helmet } from 'react-helmet'; import Pattern from '../../constants/Pattern'; diff --git a/client/placeholders/Block.tsx b/client/placeholders/Block.tsx index 82c7023..cec62ae 100644 --- a/client/placeholders/Block.tsx +++ b/client/placeholders/Block.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; import random from '../helpers/random'; diff --git a/client/placeholders/Circle.tsx b/client/placeholders/Circle.tsx index f04766e..228d1bc 100644 --- a/client/placeholders/Circle.tsx +++ b/client/placeholders/Circle.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; interface CircleProps { backgroundColor?: string; diff --git a/client/placeholders/Frame.tsx b/client/placeholders/Frame.tsx index 0714fac..abf77ad 100644 --- a/client/placeholders/Frame.tsx +++ b/client/placeholders/Frame.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; const Frame: React.FC<{}> = ({ children }) => { return ( diff --git a/client/placeholders/Line.tsx b/client/placeholders/Line.tsx index 775a04e..4e6560c 100644 --- a/client/placeholders/Line.tsx +++ b/client/placeholders/Line.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; interface LineProps { backgroundColor?: string; diff --git a/client/placeholders/Rectangle.tsx b/client/placeholders/Rectangle.tsx index 77364c0..63479e6 100644 --- a/client/placeholders/Rectangle.tsx +++ b/client/placeholders/Rectangle.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; interface RectangleProps { height?: number; diff --git a/client/placeholders/Square.tsx b/client/placeholders/Square.tsx index 3201ede..4dfc006 100644 --- a/client/placeholders/Square.tsx +++ b/client/placeholders/Square.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; interface SquareProps { backgroundColor?: string; diff --git a/client/placeholders/Triangle.tsx b/client/placeholders/Triangle.tsx index 6aae586..d4ebe42 100644 --- a/client/placeholders/Triangle.tsx +++ b/client/placeholders/Triangle.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; interface TriangleProps { backgroundColor?: string; diff --git a/client/placeholders/VerticalLine.tsx b/client/placeholders/VerticalLine.tsx index 76ce442..2f8865a 100644 --- a/client/placeholders/VerticalLine.tsx +++ b/client/placeholders/VerticalLine.tsx @@ -3,7 +3,7 @@ * (c) 2019 - 2021 Nguyen Huu Phuoc */ -import React from 'react'; +import * as React from 'react'; const VerticalLine: React.FC<{}> = () => { return (