Moving files around

components/home/EntityIcon/EntityIcon.tsx

@@ -1,6 +1,6 @@
 import {FC, HTMLProps, useMemo} from "react"
-import {Entity} from "../src/types"
+import {Entity} from "../../../src/types"
-import {useDetails} from "../src/hooks/useDetails"
+import {useDetails} from "../../../src/hooks/useDetails"
 import styles from './EntityIcon.module.css'
 
 interface Props extends Omit<HTMLProps<HTMLSpanElement>, 'value'> {

components/home/EntitySpan/EntitySpan.tsx

@@ -1,9 +1,9 @@
 import {FC, HTMLProps, useMemo} from "react"
-import {Entity} from "../src/types"
+import {Entity} from "../../../src/types"
-import {useDetails} from "../src/hooks/useDetails"
+import {useDetails} from "../../../src/hooks/useDetails"
 import styles from './EntitySpan.module.css'
-import {RecipeSpan} from "./Recipe";
+import {RecipeSpan} from "../Recipe/Recipe";
-import {LeftClickIcon} from "./LeftClickIcon";
+import {LeftClickIcon} from "../LeftClickIcon/LeftClickIcon";
 
 interface Props extends Omit<HTMLProps<HTMLSpanElement>, 'value'> {
   value: Entity|string

components/home/FactorySelect/FactorySelect.tsx

@@ -1,7 +1,7 @@
 import {FC, useEffect, useState} from "react";
 import Select from "react-select";
-import {isNonNullable} from "../src/utils";
+import {isNonNullable} from "../../../src/utils";
-import details from "../res/details.json";
+import details from "../../../res/details.json";
 
 interface Props {
   factories: string[]

components/home/Group/Group.tsx

@@ -1,9 +1,9 @@
 import {FC, useMemo} from "react";
-import {FactorySelect} from "./FactorySelect";
+import {FactorySelect} from "../FactorySelect/FactorySelect";
-import {useDetails} from "../src/hooks/useDetails";
+import {useDetails} from "../../../src/hooks/useDetails";
-import {Entity, Group} from "../src/types";
+import {Entity, Group} from "../../../src/types";
 import styles from "./Group.module.css"
-import {EntitySpan} from "./EntitySpan";
+import {EntitySpan} from "../EntitySpan/EntitySpan";
 
 interface Props {
   onRemove: () => void

components/home/Home.tsx

@@ -1,13 +1,13 @@
 import {FC, useCallback, useEffect, useMemo, useState} from "react";
-import {useLocalStorage} from "../src/hooks/useLocalStorage";
+import {useLocalStorage} from "../../src/hooks/useLocalStorage";
-import {GroupBox} from "./Group";
+import {GroupBox} from "./Group/Group";
-import {FactorySelect} from "./FactorySelect";
+import {FactorySelect} from "./FactorySelect/FactorySelect";
 import styles from "./Home.module.css"
-import {sortByProperty} from "../src/utils";
+import {sortByProperty} from "../../src/utils";
-import {useDetails} from "../src/hooks/useDetails";
+import {useDetails} from "../../src/hooks/useDetails";
-import {Entity, Group} from "../src/types";
+import {Entity, Group} from "../../src/types";
 import pako from 'pako';
-import {EntitySpan} from "./EntitySpan";
+import {EntitySpan} from "./EntitySpan/EntitySpan";
 
 export const HomeComponent: FC = () => {
   const details = useDetails()

components/home/Recipe/Recipe.tsx

@@ -1,6 +1,6 @@
 import {FC} from "react"
-import {Recipe} from "../src/types"
+import {Recipe} from "../../../src/types"
-import {EntityIcon} from "./EntityIcon";
+import {EntityIcon} from "../EntityIcon/EntityIcon";
 import styles from './Recipe.module.css'
 
 interface Props {

pages/index.tsx

@@ -1,6 +1,6 @@
 import type { NextPage } from 'next'
 import Head from 'next/head'
-import {HomeComponent} from "../components/Home";
+import {HomeComponent} from "../components/home/Home";
 
 const Home: NextPage = () => {
   return (