WIP(12): Component folder structure

components/Footer/index.tsx

@@ -0,0 +1 @@
+export { default } from './Footer'

components/Input/index.tsx

@@ -0,0 +1 @@
+export { default } from './Input'

components/InputGroup/index.tsx

@@ -0,0 +1 @@
+export { default } from './InputGroup'

components/Layout.tsx → components/Layout/Layout.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import AppNav from './AppNav'
-import Footer from './Footer'
+import AppNav from '../AppNav'
+import Footer from '../Footer'
 import Head from 'next/head'
-import type { LayoutGetter } from '../@types/page'
-import styles from '../scss/layout.module.scss'
+import type { LayoutGetter } from '../../@types/page'
+import styles from './layout.module.scss'
 
 const Layout: React.FC<{ title?: string }> = ({ children, title }) => (
   <>

components/Layout/index.tsx

@@ -0,0 +1 @@
+export { getLayout, default } from './Layout'

components/LoadingSpinner/index.tsx

@@ -0,0 +1 @@
+export { default } from './LoadingSpinner'

components/admin/AdminLayout.tsx

@@ -1,10 +1,11 @@
 import React from 'react'
-import LoadingSpinner from '../../components/LoadingSpinner'
-import Layout from '../../components/Layout'
+import LoadingSpinner from '../LoadingSpinner'
+import Layout from '../Layout'
 import _ from 'lodash'
 import { GetAppProps } from '../../graphql'
 import Error, { StatusCode } from '../../components/Error'
 import { useRouter } from 'next/router'
+
 export const AdminLayout: React.FC<GetAppProps & { title?: string }> = ({
   data,
   children