Reorganize folders

client/App.jsx

@@ -4,7 +4,7 @@ import { BrowserRouter as Router, Route, Switch as RouteSwitch } from 'react-rou
 import './index.css';
 
 import Home from './Home';
-import DetailsLoader from './DetailsLoader';
+import DetailsLoader from './loaders/DetailsLoader';
 
 const App = () => {
     return (

client/CoverCard.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 
-import CoverLoader from './CoverLoader';
+import CoverLoader from './loaders/CoverLoader';
 import slug from './helpers/slug';
 
 const CoverCard = ({ pattern }) => {

client/Home.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import CoverCard from './CoverCard';
 import useDocumentTitle from './hooks/useDocumentTitle';
-import Layout from './Layout';
+import Layout from './layouts/Layout';
 
 const Home = () => {
     useDocumentTitle('CSS Layout');

client/layouts/DetailsLayout.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 
-import useDocumentTitle from './hooks/useDocumentTitle';
+import useDocumentTitle from '../hooks/useDocumentTitle';
 import Layout from './Layout';
 
 const DetailsLayout = ({ title, children }) => {

client/loaders/CoverLoader.jsx

@@ -3,6 +3,6 @@ import loadable from '@loadable/component';
 //import slug from './helpers/slug';
 const slug = item => item.toLowerCase().split(' ').join('-');
 
-const CoverLoader = loadable(props => import(`./layouts/${slug(props.pattern)}/Cover`));
+const CoverLoader = loadable(props => import(`../patterns/${slug(props.pattern)}/Cover`));
 
 export default CoverLoader;

client/loaders/DetailsLoader.jsx

@@ -2,6 +2,6 @@ import loadable from '@loadable/component';
 
 const slug = item => item.toLowerCase().split(' ').join('-');
 
-const DetailsLoader = loadable(props => import(`./layouts/${slug(props.pattern)}/Details`));
+const DetailsLoader = loadable(props => import(`../patterns/${slug(props.pattern)}/Details`));
 
 export default DetailsLoader;

client/patterns/badge/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import SampleCode from '../../SampleCode';
 

client/patterns/breadcrumb/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';
 import SampleCode from '../../SampleCode';

client/patterns/button-with-icon/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Circle from '../../placeholders/Circle';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/card/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/centering/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Circle from '../../placeholders/Circle';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/dot-navigation/Details.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import SampleCode from '../../SampleCode';
 

client/patterns/feature-list/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Circle from '../../placeholders/Circle';

client/patterns/fixed-at-corner/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Triangle from '../../placeholders/Triangle';
 import SampleCode from '../../SampleCode';

client/patterns/holy-grail/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/input-add-on/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';
 import SampleCode from '../../SampleCode';

client/patterns/media-object/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/menu/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Circle from '../../placeholders/Circle';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/modal/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Circle from '../../placeholders/Circle';

client/patterns/notification/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Circle from '../../placeholders/Circle';

client/patterns/pagination/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Circle from '../../placeholders/Circle';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/previous-next-buttons/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';
 import SampleCode from '../../SampleCode';

client/patterns/pricing-table/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Circle from '../../placeholders/Circle';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';

client/patterns/progress-bar/Details.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import SampleCode from '../../SampleCode';
 import useInterval from '../../hooks/useInterval';

client/patterns/same-height-columns/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/search-box/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Circle from '../../placeholders/Circle';
 import SampleCode from '../../SampleCode';

client/patterns/separator/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';
 import SampleCode from '../../SampleCode';

client/patterns/sidebar/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Block from '../../placeholders/Block';
 import SampleCode from '../../SampleCode';

client/patterns/simple-grid/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';
 import SampleCode from '../../SampleCode';

client/patterns/slider/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Circle from '../../placeholders/Circle';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/split-navigation/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';
 import SampleCode from '../../SampleCode';

client/patterns/split-screen/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Block from '../../placeholders/Block';
 import Circle from '../../placeholders/Circle';

client/patterns/stepper-input/Details.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import SampleCode from '../../SampleCode';
 

client/patterns/sticky-footer/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/sticky-header/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';

client/patterns/switch/Details.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import SampleCode from '../../SampleCode';
 

client/patterns/tab/Details.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Rectangle from '../../placeholders/Rectangle';
 import SampleCode from '../../SampleCode';

client/patterns/wizard/Details.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import DetailsLayout from '../../DetailsLayout';
+import DetailsLayout from '../../layouts/DetailsLayout';
 import Block from '../../placeholders/Block';
 import BrowserFrame from '../../placeholders/BrowserFrame';
 import Circle from '../../placeholders/Circle';