mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-08 15:16:52 +02:00
Code Issues Releases Wiki Activity

Update React imports

Browse Source
This commit is contained in:
Phuoc Nguyen
2021-04-01 17:01:38 +07:00
parent 538e5f750e
commit ebc2586a3f
200 changed files with 216 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/App.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { BrowserRouter as Router, Route, Switch as RouteSwitch } from 'react-router-dom'; import { BrowserRouter as Router, Route, Switch as RouteSwitch } from 'react-router-dom';
import './index.css'; import './index.css';

6
client/components/Ad.tsx
View File

@@ -3,15 +3,15 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React, { useEffect, useRef } from 'react'; import * as React from 'react';
import './ad.css'; import './ad.css';
const Ad: React.FC<{}> = () => { const Ad: React.FC<{}> = () => {
const containerRef = useRef<HTMLDivElement | null>(null); const containerRef = React.useRef<HTMLDivElement | null>(null);
const source = 'https://cdn.carbonads.com/carbon.js?serve=CE7I6KQL&placement=csslayoutio'; const source = 'https://cdn.carbonads.com/carbon.js?serve=CE7I6KQL&placement=csslayoutio';
useEffect(() => { React.useEffect(() => {
// Ignore if the code is reached in snapping mode // Ignore if the code is reached in snapping mode
if (navigator.userAgent === 'ReactSnap') { if (navigator.userAgent === 'ReactSnap') {
return; return;

2
client/components/RelatedPatterns.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Pattern from '../constants/Pattern'; import Pattern from '../constants/Pattern';
import CoverCard from './CoverCard'; import CoverCard from './CoverCard';

4
client/hooks/useDocumentTitle.ts
View File

@@ -3,10 +3,10 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import { useEffect } from 'react'; import * as React from 'react';
const useDocumentTitle = (title: string) => { const useDocumentTitle = (title: string) => {
useEffect(() => { React.useEffect(() => {
document.title = title; document.title = title;
}, [title]); }, [title]);
}; };

2
client/index.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { hydrate, render } from 'react-dom'; import { hydrate, render } from 'react-dom';
import App from './App'; import App from './App';

2
client/loaders/DetailsLoader.tsx
View File

@@ -4,7 +4,7 @@
*/ */
import loadable, { LoadableComponent } from '@loadable/component'; import loadable, { LoadableComponent } from '@loadable/component';
import React from 'react'; import * as React from 'react';
import './spinner.css'; import './spinner.css';

2
client/pages/ExplorePage.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Ad from '../components/Ad'; import Ad from '../components/Ad';

2
client/pages/PatternPage.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Pattern from '../constants/Pattern'; import Pattern from '../constants/Pattern';
import DetailsLoader from '../loaders/DetailsLoader'; import DetailsLoader from '../loaders/DetailsLoader';

2
client/patterns/accordion/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

4
client/patterns/accordion/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React, { useState } from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';
@@ -20,7 +20,7 @@ interface ItemProps {
} }
const Details: React.FC<{}> = () => { const Details: React.FC<{}> = () => {
const [activeItem, setActiveItem] = useState(1); const [activeItem, setActiveItem] = React.useState(1);
const Item: React.FC<ItemProps> = ({ index, title, children }) => { const Item: React.FC<ItemProps> = ({ index, title, children }) => {
const isOpened = (index === activeItem); const isOpened = (index === activeItem);

2
client/patterns/arrow-buttons/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/arrow-buttons/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/avatar-list/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/avatar-list/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/avatar/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/avatar/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/badge/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/badge/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/breadcrumb/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Rectangle from '../../placeholders/Rectangle'; import Rectangle from '../../placeholders/Rectangle';

2
client/patterns/breadcrumb/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/button-with-icon/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Circle from '../../placeholders/Circle'; import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/button-with-icon/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/card-layout/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Rectangle from '../../placeholders/Rectangle'; import Rectangle from '../../placeholders/Rectangle';

2
client/patterns/card-layout/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/card/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/card/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/centering/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Circle from '../../placeholders/Circle'; import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/centering/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/chip/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Rectangle from '../../placeholders/Rectangle'; import Rectangle from '../../placeholders/Rectangle';

2
client/patterns/chip/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';

2
client/patterns/chip/InputChip.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
const InputChip: React.FC<{}> = ({ children }) => { const InputChip: React.FC<{}> = ({ children }) => {
return ( return (

2
client/patterns/circular-navigation/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/circular-navigation/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/close-button/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/close-button/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/cookie-banner/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/cookie-banner/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/corner-ribbon/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/corner-ribbon/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';

2
client/patterns/curved-background/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/curved-background/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/custom-checkbox-button/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Rectangle from '../../placeholders/Rectangle'; import Rectangle from '../../placeholders/Rectangle';

4
client/patterns/custom-checkbox-button/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React, { useState } from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';
@@ -19,7 +19,7 @@ interface CheckboxProps {
const Details: React.FC<{}> = () => { const Details: React.FC<{}> = () => {
const Checkbox: React.FC<CheckboxProps> = ({ isChecked, value, children }) => { const Checkbox: React.FC<CheckboxProps> = ({ isChecked, value, children }) => {
const [checked, setChecked] = useState(isChecked); const [checked, setChecked] = React.useState(isChecked);
const click = () => setChecked((c) => !c); const click = () => setChecked((c) => !c);
return ( return (

2
client/patterns/custom-radio-button/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Circle from '../../placeholders/Circle'; import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

4
client/patterns/custom-radio-button/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React, { useState } from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';
@@ -17,7 +17,7 @@ interface RadioProps {
} }
const Details: React.FC<{}> = () => { const Details: React.FC<{}> = () => {
const [selectedValue, setSelectedValue] = useState('1'); const [selectedValue, setSelectedValue] = React.useState('1');
const Radio: React.FC<RadioProps> = ({ value, children }) => { const Radio: React.FC<RadioProps> = ({ value, children }) => {
const click = () => setSelectedValue(value); const click = () => setSelectedValue(value);

2
client/patterns/diagonal-section/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/diagonal-section/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/docked-at-corner/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/docked-at-corner/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Heading from '../../components/Heading'; import Heading from '../../components/Heading';

2
client/patterns/dot-leader/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Circle from '../../placeholders/Circle'; import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/dot-leader/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Heading from '../../components/Heading'; import Heading from '../../components/Heading';

2
client/patterns/dot-navigation/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

4
client/patterns/dot-navigation/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React, { useState } from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';
@@ -15,7 +15,7 @@ interface DotProps {
} }
const Details: React.FC<{}> = () => { const Details: React.FC<{}> = () => {
const [activeItem, setActiveItem] = useState(0); const [activeItem, setActiveItem] = React.useState(0);
const Dot: React.FC<DotProps> = ({ index }) => { const Dot: React.FC<DotProps> = ({ index }) => {
const isActive = index === activeItem; const isActive = index === activeItem;

2
client/patterns/drawer/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/drawer/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/drop-area/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/drop-area/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/drop-cap/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Circle from '../../placeholders/Circle'; import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/drop-cap/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import './dropcap.css'; import './dropcap.css';

2
client/patterns/dropdown/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/dropdown/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import './dropdown.css'; import './dropdown.css';

2
client/patterns/fading-long-section/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import random from '../../helpers/random'; import random from '../../helpers/random';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/fading-long-section/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/feature-comparison/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Circle from '../../placeholders/Circle'; import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/feature-comparison/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/feature-list/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Circle from '../../placeholders/Circle'; import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/feature-list/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/fixed-at-corner/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Triangle from '../../placeholders/Triangle'; import Triangle from '../../placeholders/Triangle';

2
client/patterns/fixed-at-corner/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/fixed-at-side/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/fixed-at-side/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Heading from '../../components/Heading'; import Heading from '../../components/Heading';

2
client/patterns/floating-label/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/floating-label/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import './floating-label.css'; import './floating-label.css';

2
client/patterns/full-background/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/full-background/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import RelatedPatterns from '../../components/RelatedPatterns'; import RelatedPatterns from '../../components/RelatedPatterns';

2
client/patterns/full-screen-menu/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Rectangle from '../../placeholders/Rectangle'; import Rectangle from '../../placeholders/Rectangle';

2
client/patterns/full-screen-menu/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/holy-grail/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/holy-grail/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/initial-avatar/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/initial-avatar/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';

2
client/patterns/input-addon/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/input-addon/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/keyboard-shortcut/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/keyboard-shortcut/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';

2
client/patterns/lined-paper/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/lined-paper/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/media-object/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/media-object/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/mega-menu/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Circle from '../../placeholders/Circle'; import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/mega-menu/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import './mega-menu.css'; import './mega-menu.css';

2
client/patterns/menu/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/menu/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import './menu.css'; import './menu.css';

2
client/patterns/modal/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line'; import Line from '../../placeholders/Line';

2
client/patterns/modal/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/nested-dropdowns/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Circle from '../../placeholders/Circle'; import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';

2
client/patterns/nested-dropdowns/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import './nested-dropdowns.css'; import './nested-dropdowns.css';

2
client/patterns/notification/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Rectangle from '../../placeholders/Rectangle'; import Rectangle from '../../placeholders/Rectangle';

2
client/patterns/notification/Details.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import { Helmet } from 'react-helmet'; import { Helmet } from 'react-helmet';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Pattern from '../../constants/Pattern'; import Pattern from '../../constants/Pattern';

2
client/patterns/overlay-play-button/Cover.tsx
View File

@@ -3,7 +3,7 @@
* (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc> * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
*/ */
import React from 'react'; import * as React from 'react';
import Frame from '../../placeholders/Frame'; import Frame from '../../placeholders/Frame';
import Triangle from '../../placeholders/Triangle'; import Triangle from '../../placeholders/Triangle';

Some files were not shown because too many files have changed in this diff Show More