reorganise files in generator directory

src/components/generator/form/Highlights.tsx → src/components/generator/Form/sections/Highlights.tsx

@@ -3,9 +3,9 @@ import { useFieldArray } from 'react-hook-form'
 import { MdClose, MdDragIndicator } from 'react-icons/md'
 import styled from 'styled-components'
 
-import { Input } from '../../core/Input'
-import { FormInput } from '../../core/FormInput'
-import { IconButton } from '../../core/Button'
+import { Input } from '../../../core/Input'
+import { FormInput } from '../../../core/FormInput'
+import { IconButton } from '../../../core/Button'
 
 const ListContainer = styled.div`
   display: grid;

src/components/generator/form/Keywords.tsx → src/components/generator/Form/sections/Keywords.tsx

@@ -3,9 +3,9 @@ import { useFieldArray, useFormContext } from 'react-hook-form'
 import { MdClose } from 'react-icons/md'
 import styled from 'styled-components'
 
-import { IconButton } from '../../core/Button'
-import { FormInput } from '../../core/FormInput'
-import { colors } from '../../../theme'
+import { IconButton } from '../../../core/Button'
+import { FormInput } from '../../../core/FormInput'
+import { colors } from '../../../../theme'
 
 const Pill = styled.div`
   display: inline-flex;

src/components/generator/form/sections/SkillsSection.tsx → src/components/generator/Form/sections/SkillsSection.tsx

@@ -5,7 +5,7 @@ import { LabeledInput } from '../../../core/LabeledInput'
 import { AddButton } from '../../../core/Button'
 import { Divider } from '../../../core/Divider'
 import { FormSection } from './FormSection'
-import Keywords from '../Keywords'
+import Keywords from './Keywords'
 
 import { Skill } from '../../../../types'
 

src/components/generator/form/sections/WorkSection.tsx → src/components/generator/Form/sections/WorkSection.tsx

@@ -5,7 +5,7 @@ import { LabeledInput } from '../../../core/LabeledInput'
 import { AddButton } from '../../../core/Button'
 import { Divider } from '../../../core/Divider'
 import { FormSection } from './FormSection'
-import Highlights from '../Highlights'
+import Highlights from './Highlights'
 
 import { Work } from '../../../../types'
 

src/components/generator/form/sections/projectsSection.tsx → src/components/generator/Form/sections/projectsSection.tsx

@@ -5,7 +5,7 @@ import { LabeledInput } from '../../../core/LabeledInput'
 import { AddButton } from '../../../core/Button'
 import { Divider } from '../../../core/Divider'
 import { FormSection } from './FormSection'
-import Keywords from '../Keywords'
+import Keywords from './Keywords'
 
 import { Project } from '../../../../types'
 

src/components/generator/layout/Header.tsx → src/components/generator/Header.tsx

@@ -1,8 +1,8 @@
 import Link from 'next/link'
 import styled from 'styled-components'
 
-import { Logo } from '../../core/Logo'
-import { colors } from '../../../theme'
+import { Logo } from '../core/Logo'
+import { colors } from '../../theme'
 
 const StyledHeader = styled.header`
   grid-area: header;

src/components/generator/preview/Preview.tsx → src/components/generator/Preview.tsx

@@ -3,7 +3,7 @@ import { useState, useCallback } from 'react'
 import { pdfjs, Document, Page } from 'react-pdf'
 import type { PDFDocumentProxy } from 'pdfjs-dist/types/src/display/api'
 import styled from 'styled-components'
-import { resumeAtom } from '../../../atoms/resume'
+import { resumeAtom } from '../../atoms/resume'
 
 const workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`
 pdfjs.GlobalWorkerOptions.workerSrc = workerSrc

src/components/generator/layout/Sidebar.tsx → src/components/generator/Sidebar.tsx

@@ -3,8 +3,8 @@ import { useRouter } from 'next/router'
 import styled from 'styled-components'
 import { MdDragIndicator } from 'react-icons/md'
 
-import { colors } from '../../../theme'
-import { PrimaryButton, IconButton } from '../../core/Button'
+import { colors } from '../../theme'
+import { PrimaryButton, IconButton } from '../core/Button'
 
 const Aside = styled.aside`
   grid-area: sidebar;

src/pages/generator.tsx

@@ -1,13 +1,12 @@
 import dynamic from 'next/dynamic'
 import styled from 'styled-components'
 
-import { Form } from '../components/generator/form/Form'
-import { Header } from '../components/generator/layout/Header'
-import { Sidebar } from '../components/generator/layout/Sidebar'
-// import { Templates } from '../components/generator/templates/Templates'
+import { Form } from '../components/generator/Form'
+import { Header } from '../components/generator/Header'
+import { Sidebar } from '../components/generator/Sidebar'
 
 const Preview = dynamic(
-  async () => (await import('../components/generator/preview/Preview')).Preview,
+  async () => (await import('../components/generator/Preview')).Preview,
   { ssr: false }
 )
 
@@ -28,8 +27,6 @@ export default function GeneratorPage() {
       <Sidebar />
       <Form />
       <Preview />
-      {/* <Templates /> */}
-      {/* <Footer /> */}
     </Main>
   )
 }