From ea2790f07ef4e8b5150afe33f9da17d983d84247 Mon Sep 17 00:00:00 2001 From: Phuoc Nguyen Date: Sun, 17 Nov 2019 10:48:47 +0700 Subject: [PATCH] Reorganize folder structure --- client/App.jsx | 20 +++++----- client/Home.jsx | 20 +++++----- .../badge/Cover.jsx} | 6 +-- .../layouts/{Badge.jsx => badge/Details.jsx} | 12 +++--- .../button-with-icon/Cover.jsx} | 10 ++--- .../Details.jsx} | 38 +++++++++---------- .../centering/Cover.jsx} | 10 ++--- .../{Centering.jsx => centering/Details.jsx} | 16 ++++---- .../holy-grail/Cover.jsx} | 8 ++-- .../{HolyGrail.jsx => holy-grail/Details.jsx} | 16 ++++---- .../input-add-on/Cover.jsx} | 8 ++-- .../Details.jsx} | 14 +++---- .../media-object/Cover.jsx} | 10 ++--- .../Details.jsx} | 18 ++++----- .../sidebar/Cover.jsx} | 8 ++-- .../{Sidebar.jsx => sidebar/Details.jsx} | 14 +++---- .../stepper-input/Cover.jsx} | 6 +-- .../Details.jsx} | 12 +++--- .../sticky-footer/Cover.jsx} | 8 ++-- .../Details.jsx} | 16 ++++---- .../sticky-header/Cover.jsx} | 8 ++-- .../Details.jsx} | 16 ++++---- 22 files changed, 145 insertions(+), 149 deletions(-) rename client/{covers/BadgeCover.jsx => layouts/badge/Cover.jsx} (77%) rename client/layouts/{Badge.jsx => badge/Details.jsx} (78%) rename client/{covers/ButtonWithIconCover.jsx => layouts/button-with-icon/Cover.jsx} (65%) rename client/layouts/{ButtonWithIcon.jsx => button-with-icon/Details.jsx} (54%) rename client/{covers/CenterCover.jsx => layouts/centering/Cover.jsx} (69%) rename client/layouts/{Centering.jsx => centering/Details.jsx} (70%) rename client/{covers/HolyGrailCover.jsx => layouts/holy-grail/Cover.jsx} (92%) rename client/layouts/{HolyGrail.jsx => holy-grail/Details.jsx} (85%) rename client/{covers/InputAddonCover.jsx => layouts/input-add-on/Cover.jsx} (79%) rename client/layouts/{InputAddon.jsx => input-add-on/Details.jsx} (91%) rename client/{covers/MediaObjectCover.jsx => layouts/media-object/Cover.jsx} (82%) rename client/layouts/{MediaObject.jsx => media-object/Details.jsx} (77%) rename client/{covers/SidebarCover.jsx => layouts/sidebar/Cover.jsx} (82%) rename client/layouts/{Sidebar.jsx => sidebar/Details.jsx} (83%) rename client/{covers/StepperInputCover.jsx => layouts/stepper-input/Cover.jsx} (82%) rename client/layouts/{StepperInput.jsx => stepper-input/Details.jsx} (90%) rename client/{covers/StickyFooterCover.jsx => layouts/sticky-footer/Cover.jsx} (89%) rename client/layouts/{StickyFooter.jsx => sticky-footer/Details.jsx} (79%) rename client/{covers/StickyHeaderCover.jsx => layouts/sticky-header/Cover.jsx} (85%) rename client/layouts/{StickyHeader.jsx => sticky-header/Details.jsx} (77%) diff --git a/client/App.jsx b/client/App.jsx index f330167..6c054ee 100644 --- a/client/App.jsx +++ b/client/App.jsx @@ -2,16 +2,16 @@ import React from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'; import Home from './Home'; -import Badge from './layouts/Badge'; -import ButtonWithIcon from './layouts/ButtonWithIcon'; -import Centering from './layouts/Centering'; -import HolyGrail from './layouts/HolyGrail'; -import InputAddon from './layouts/InputAddon'; -import MediaObject from './layouts/MediaObject'; -import Sidebar from './layouts/Sidebar'; -import StepperInput from './layouts/StepperInput'; -import StickyFooter from './layouts/StickyFooter'; -import StickyHeader from './layouts/StickyHeader'; +import Badge from './layouts/badge/Details'; +import ButtonWithIcon from './layouts/button-with-icon/Details'; +import Centering from './layouts/centering/Details'; +import HolyGrail from './layouts/holy-grail/Details'; +import InputAddon from './layouts/input-add-on/Details'; +import MediaObject from './layouts/media-object/Details'; +import Sidebar from './layouts/sidebar/Details'; +import StepperInput from './layouts/stepper-input/Details'; +import StickyFooter from './layouts/sticky-footer/Details'; +import StickyHeader from './layouts/sticky-header/Details'; const App = () => { return ( diff --git a/client/Home.jsx b/client/Home.jsx index ee123fc..f701096 100644 --- a/client/Home.jsx +++ b/client/Home.jsx @@ -1,16 +1,16 @@ import React from 'react'; import { Link } from 'react-router-dom'; -import BadgeCover from './covers/BadgeCover'; -import ButtonWithIconCover from './covers/ButtonWithIconCover'; -import CenterCover from './covers/CenterCover'; -import HolyGrailCover from './covers/HolyGrailCover'; -import InputAddonCover from './covers/InputAddonCover'; -import MediaObjectCover from './covers/MediaObjectCover'; -import SidebarCover from './covers/SidebarCover'; -import StickyFooterCover from './covers/StickyFooterCover'; -import StickyHeaderCover from './covers/StickyHeaderCover'; -import StepperInputCover from './covers/StepperInputCover'; +import BadgeCover from './layouts/badge/Cover'; +import ButtonWithIconCover from './layouts/button-with-icon/Cover'; +import CenterCover from './layouts/centering/Cover'; +import HolyGrailCover from './layouts/holy-grail/Cover'; +import InputAddonCover from './layouts/input-add-on/Cover'; +import MediaObjectCover from './layouts/media-object/Cover'; +import SidebarCover from './layouts/sidebar/Cover'; +import StepperInputCover from './layouts/stepper-input/Cover'; +import StickyFooterCover from './layouts/sticky-footer/Cover'; +import StickyHeaderCover from './layouts/sticky-header/Cover'; import Layout from './Layout'; import useDocumentTitle from './useDocumentTitle'; diff --git a/client/covers/BadgeCover.jsx b/client/layouts/badge/Cover.jsx similarity index 77% rename from client/covers/BadgeCover.jsx rename to client/layouts/badge/Cover.jsx index 314fd61..0e94fc0 100644 --- a/client/covers/BadgeCover.jsx +++ b/client/layouts/badge/Cover.jsx @@ -1,8 +1,8 @@ import React from 'react'; -import Frame from '../placeholders/Frame'; +import Frame from '../../placeholders/Frame'; -const BadgeCover = () => { +const Cover = () => { return (
@@ -14,4 +14,4 @@ const BadgeCover = () => { ); }; -export default BadgeCover; +export default Cover; diff --git a/client/layouts/Badge.jsx b/client/layouts/badge/Details.jsx similarity index 78% rename from client/layouts/Badge.jsx rename to client/layouts/badge/Details.jsx index 01a3554..b4ac309 100644 --- a/client/layouts/Badge.jsx +++ b/client/layouts/badge/Details.jsx @@ -1,11 +1,11 @@ import React from 'react'; -import DetailsLayout from '../DetailsLayout'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const Badge = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Badge'); return ( @@ -48,4 +48,4 @@ code={` ); }; -export default Badge; +export default Details; diff --git a/client/covers/ButtonWithIconCover.jsx b/client/layouts/button-with-icon/Cover.jsx similarity index 65% rename from client/covers/ButtonWithIconCover.jsx rename to client/layouts/button-with-icon/Cover.jsx index 03cff62..93ae6bd 100644 --- a/client/covers/ButtonWithIconCover.jsx +++ b/client/layouts/button-with-icon/Cover.jsx @@ -1,10 +1,10 @@ import React from 'react'; -import Dot from '../placeholders/Dot'; -import Frame from '../placeholders/Frame'; -import Rectangle from '../placeholders/Rectangle'; +import Dot from '../../placeholders/Dot'; +import Frame from '../../placeholders/Frame'; +import Rectangle from '../../placeholders/Rectangle'; -const ButtonWithIconCover = () => { +const Cover = () => { return (
@@ -17,4 +17,4 @@ const ButtonWithIconCover = () => { ); }; -export default ButtonWithIconCover; +export default Cover; diff --git a/client/layouts/ButtonWithIcon.jsx b/client/layouts/button-with-icon/Details.jsx similarity index 54% rename from client/layouts/ButtonWithIcon.jsx rename to client/layouts/button-with-icon/Details.jsx index 7f9dfbd..60312ff 100644 --- a/client/layouts/ButtonWithIcon.jsx +++ b/client/layouts/button-with-icon/Details.jsx @@ -1,13 +1,13 @@ import React from 'react'; -import DetailsLayout from '../DetailsLayout'; -import Dot from '../placeholders/Dot'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import Rectangle from '../placeholders/Rectangle'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import Dot from '../../placeholders/Dot'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import Rectangle from '../../placeholders/Rectangle'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const ButtonWithIcon = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Button with icon'); return ( @@ -17,10 +17,10 @@ const ButtonWithIcon = () => { content={
-
+
+
} @@ -28,22 +28,18 @@ const ButtonWithIcon = () => { - 1 + + ... + + + ...
`} /> @@ -53,4 +49,4 @@ code={` ); }; -export default ButtonWithIcon; +export default Details; diff --git a/client/covers/CenterCover.jsx b/client/layouts/centering/Cover.jsx similarity index 69% rename from client/covers/CenterCover.jsx rename to client/layouts/centering/Cover.jsx index 1801bc1..f1e218a 100644 --- a/client/covers/CenterCover.jsx +++ b/client/layouts/centering/Cover.jsx @@ -1,10 +1,10 @@ import React from 'react'; -import Dot from '../placeholders/Dot'; -import Frame from '../placeholders/Frame'; -import Line from '../placeholders/Line'; +import Dot from '../../placeholders/Dot'; +import Frame from '../../placeholders/Frame'; +import Line from '../../placeholders/Line'; -const CenterCover = () => { +const Cover = () => { return (
@@ -20,4 +20,4 @@ const CenterCover = () => { ); }; -export default CenterCover; +export default Cover; diff --git a/client/layouts/Centering.jsx b/client/layouts/centering/Details.jsx similarity index 70% rename from client/layouts/Centering.jsx rename to client/layouts/centering/Details.jsx index ec08944..a62a134 100644 --- a/client/layouts/Centering.jsx +++ b/client/layouts/centering/Details.jsx @@ -1,13 +1,13 @@ import React from 'react'; -import DetailsLayout from '../DetailsLayout'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import Dot from '../placeholders/Dot'; -import Rectangle from '../placeholders/Rectangle'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import Dot from '../../placeholders/Dot'; +import Rectangle from '../../placeholders/Rectangle'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const Centering = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Centering'); return ( @@ -41,4 +41,4 @@ code={` ); }; -export default Centering; +export default Details; diff --git a/client/covers/HolyGrailCover.jsx b/client/layouts/holy-grail/Cover.jsx similarity index 92% rename from client/covers/HolyGrailCover.jsx rename to client/layouts/holy-grail/Cover.jsx index 23418ce..1c4efe5 100644 --- a/client/covers/HolyGrailCover.jsx +++ b/client/layouts/holy-grail/Cover.jsx @@ -1,9 +1,9 @@ import React from 'react'; -import Frame from '../placeholders/Frame'; -import Line from '../placeholders/Line'; +import Frame from '../../placeholders/Frame'; +import Line from '../../placeholders/Line'; -const HolyGrailCover = () => { +const Cover = () => { return (
@@ -45,4 +45,4 @@ const HolyGrailCover = () => { ); }; -export default HolyGrailCover; +export default Cover; diff --git a/client/layouts/HolyGrail.jsx b/client/layouts/holy-grail/Details.jsx similarity index 85% rename from client/layouts/HolyGrail.jsx rename to client/layouts/holy-grail/Details.jsx index f11137d..1c467ac 100644 --- a/client/layouts/HolyGrail.jsx +++ b/client/layouts/holy-grail/Details.jsx @@ -1,13 +1,13 @@ import React from 'react'; -import DetailsLayout from '../DetailsLayout'; -import Block from '../placeholders/Block'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import Rectangle from '../placeholders/Rectangle'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import Block from '../../placeholders/Block'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import Rectangle from '../../placeholders/Rectangle'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const HolyGrail = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Holy grail'); return ( @@ -84,4 +84,4 @@ code={` ); }; -export default HolyGrail; +export default Details; diff --git a/client/covers/InputAddonCover.jsx b/client/layouts/input-add-on/Cover.jsx similarity index 79% rename from client/covers/InputAddonCover.jsx rename to client/layouts/input-add-on/Cover.jsx index 24fbb2c..1925a65 100644 --- a/client/covers/InputAddonCover.jsx +++ b/client/layouts/input-add-on/Cover.jsx @@ -1,9 +1,9 @@ import React from 'react'; -import Frame from '../placeholders/Frame'; -import Line from '../placeholders/Line'; +import Frame from '../../placeholders/Frame'; +import Line from '../../placeholders/Line'; -const InputAddonCover = () => { +const Cover = () => { return (
@@ -20,4 +20,4 @@ const InputAddonCover = () => { ); }; -export default InputAddonCover; +export default Cover; diff --git a/client/layouts/InputAddon.jsx b/client/layouts/input-add-on/Details.jsx similarity index 91% rename from client/layouts/InputAddon.jsx rename to client/layouts/input-add-on/Details.jsx index a2a3264..414dd12 100644 --- a/client/layouts/InputAddon.jsx +++ b/client/layouts/input-add-on/Details.jsx @@ -1,12 +1,12 @@ import React from 'react'; -import DetailsLayout from '../DetailsLayout'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import Rectangle from '../placeholders/Rectangle'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import Rectangle from '../../placeholders/Rectangle'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const InputAddon = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Input add-on'); return ( @@ -133,4 +133,4 @@ code={` ); }; -export default InputAddon; +export default Details; diff --git a/client/covers/MediaObjectCover.jsx b/client/layouts/media-object/Cover.jsx similarity index 82% rename from client/covers/MediaObjectCover.jsx rename to client/layouts/media-object/Cover.jsx index ca100b0..44e203b 100644 --- a/client/covers/MediaObjectCover.jsx +++ b/client/layouts/media-object/Cover.jsx @@ -1,10 +1,10 @@ import React from 'react'; -import Frame from '../placeholders/Frame'; -import Line from '../placeholders/Line'; -import Square from '../placeholders/Square'; +import Frame from '../../placeholders/Frame'; +import Line from '../../placeholders/Line'; +import Square from '../../placeholders/Square'; -const MediaObjectCover = () => { +const Cover = () => { return (
@@ -29,4 +29,4 @@ const MediaObjectCover = () => { ); }; -export default MediaObjectCover; +export default Cover; diff --git a/client/layouts/MediaObject.jsx b/client/layouts/media-object/Details.jsx similarity index 77% rename from client/layouts/MediaObject.jsx rename to client/layouts/media-object/Details.jsx index 9fec5da..7e8cf92 100644 --- a/client/layouts/MediaObject.jsx +++ b/client/layouts/media-object/Details.jsx @@ -1,14 +1,14 @@ import React from 'react'; -import DetailsLayout from '../DetailsLayout'; -import Block from '../placeholders/Block'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import Rectangle from '../placeholders/Rectangle'; -import Square from '../placeholders/Square'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import Block from '../../placeholders/Block'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import Rectangle from '../../placeholders/Rectangle'; +import Square from '../../placeholders/Square'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const MediaObject = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Media object'); return ( @@ -64,4 +64,4 @@ code={` ); }; -export default MediaObject; +export default Details; diff --git a/client/covers/SidebarCover.jsx b/client/layouts/sidebar/Cover.jsx similarity index 82% rename from client/covers/SidebarCover.jsx rename to client/layouts/sidebar/Cover.jsx index 8137601..994889c 100644 --- a/client/covers/SidebarCover.jsx +++ b/client/layouts/sidebar/Cover.jsx @@ -1,9 +1,9 @@ import React from 'react'; -import Frame from '../placeholders/Frame'; -import Line from '../placeholders/Line'; +import Frame from '../../placeholders/Frame'; +import Line from '../../placeholders/Line'; -const SidebarCover = () => { +const Cover = () => { return (
@@ -22,4 +22,4 @@ const SidebarCover = () => { ); }; -export default SidebarCover; +export default Cover; diff --git a/client/layouts/Sidebar.jsx b/client/layouts/sidebar/Details.jsx similarity index 83% rename from client/layouts/Sidebar.jsx rename to client/layouts/sidebar/Details.jsx index 7958381..0ff1d91 100644 --- a/client/layouts/Sidebar.jsx +++ b/client/layouts/sidebar/Details.jsx @@ -1,12 +1,12 @@ import React from 'react'; -import DetailsLayout from '../DetailsLayout'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import Block from '../placeholders/Block'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import Block from '../../placeholders/Block'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const Sidebar = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Sidebar'); return ( @@ -55,4 +55,4 @@ code={` ); }; -export default Sidebar; +export default Details; diff --git a/client/covers/StepperInputCover.jsx b/client/layouts/stepper-input/Cover.jsx similarity index 82% rename from client/covers/StepperInputCover.jsx rename to client/layouts/stepper-input/Cover.jsx index 977fab7..588b144 100644 --- a/client/covers/StepperInputCover.jsx +++ b/client/layouts/stepper-input/Cover.jsx @@ -1,8 +1,8 @@ import React from 'react'; -import Frame from '../placeholders/Frame'; +import Frame from '../../placeholders/Frame'; -const StepperInputCover = () => { +const Cover = () => { return (
@@ -16,4 +16,4 @@ const StepperInputCover = () => { ); }; -export default StepperInputCover; +export default Cover; diff --git a/client/layouts/StepperInput.jsx b/client/layouts/stepper-input/Details.jsx similarity index 90% rename from client/layouts/StepperInput.jsx rename to client/layouts/stepper-input/Details.jsx index c4ecfb9..c8d133d 100644 --- a/client/layouts/StepperInput.jsx +++ b/client/layouts/stepper-input/Details.jsx @@ -1,12 +1,12 @@ import React, { useState } from 'react'; import { Link } from 'react-router-dom'; -import DetailsLayout from '../DetailsLayout'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const StepperInput = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Stepper input'); const [value, setValue] = useState(0); const decrease = () => setValue(value - 1); @@ -84,4 +84,4 @@ code={` ); }; -export default StepperInput; +export default Details; diff --git a/client/covers/StickyFooterCover.jsx b/client/layouts/sticky-footer/Cover.jsx similarity index 89% rename from client/covers/StickyFooterCover.jsx rename to client/layouts/sticky-footer/Cover.jsx index 26aeccc..88ddded 100644 --- a/client/covers/StickyFooterCover.jsx +++ b/client/layouts/sticky-footer/Cover.jsx @@ -1,9 +1,9 @@ import React from 'react'; -import Frame from '../placeholders/Frame'; -import Line from '../placeholders/Line'; +import Frame from '../../placeholders/Frame'; +import Line from '../../placeholders/Line'; -const StickyFooterCover = () => { +const Cover = () => { return (
@@ -35,4 +35,4 @@ const StickyFooterCover = () => { ); }; -export default StickyFooterCover; +export default Cover; diff --git a/client/layouts/StickyFooter.jsx b/client/layouts/sticky-footer/Details.jsx similarity index 79% rename from client/layouts/StickyFooter.jsx rename to client/layouts/sticky-footer/Details.jsx index fcd2014..5d5f6f9 100644 --- a/client/layouts/StickyFooter.jsx +++ b/client/layouts/sticky-footer/Details.jsx @@ -1,13 +1,13 @@ import React from 'react'; -import DetailsLayout from '../DetailsLayout'; -import Block from '../placeholders/Block'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import Rectangle from '../placeholders/Rectangle'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import Block from '../../placeholders/Block'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import Rectangle from '../../placeholders/Rectangle'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const StickyFooter = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Sticky footer'); return ( @@ -57,4 +57,4 @@ code={` ); }; -export default StickyFooter; +export default Details; diff --git a/client/covers/StickyHeaderCover.jsx b/client/layouts/sticky-header/Cover.jsx similarity index 85% rename from client/covers/StickyHeaderCover.jsx rename to client/layouts/sticky-header/Cover.jsx index 2b05304..4a3341e 100644 --- a/client/covers/StickyHeaderCover.jsx +++ b/client/layouts/sticky-header/Cover.jsx @@ -1,9 +1,9 @@ import React from 'react'; -import Frame from '../placeholders/Frame'; -import Line from '../placeholders/Line'; +import Frame from '../../placeholders/Frame'; +import Line from '../../placeholders/Line'; -const StickyHeaderCover = () => { +const Cover = () => { return (
@@ -27,4 +27,4 @@ const StickyHeaderCover = () => { ); }; -export default StickyHeaderCover; +export default Cover; diff --git a/client/layouts/StickyHeader.jsx b/client/layouts/sticky-header/Details.jsx similarity index 77% rename from client/layouts/StickyHeader.jsx rename to client/layouts/sticky-header/Details.jsx index c951a3b..57a1903 100644 --- a/client/layouts/StickyHeader.jsx +++ b/client/layouts/sticky-header/Details.jsx @@ -1,13 +1,13 @@ import React from 'react'; -import DetailsLayout from '../DetailsLayout'; -import Block from '../placeholders/Block'; -import BrowserFrame from '../placeholders/BrowserFrame'; -import Rectangle from '../placeholders/Rectangle'; -import SampleCode from '../SampleCode'; -import useDocumentTitle from '../useDocumentTitle'; +import DetailsLayout from '../../DetailsLayout'; +import Block from '../../placeholders/Block'; +import BrowserFrame from '../../placeholders/BrowserFrame'; +import Rectangle from '../../placeholders/Rectangle'; +import SampleCode from '../../SampleCode'; +import useDocumentTitle from '../../useDocumentTitle'; -const StickyHeader = () => { +const Details = () => { useDocumentTitle('CSS Layout ∙ Sticky header'); return ( @@ -50,4 +50,4 @@ code={` ); }; -export default StickyHeader; +export default Details;