re-work to use atomic design

pseudopilot · Nov 14, 2024 · d9cd49e · d9cd49e
1 parent 6bffe4b
commit d9cd49e
Show file tree

Hide file tree

Showing 19 changed files with 15 additions and 13 deletions.
diff --git a/src/App.js b/src/App.js
@@ -1,5 +1,5 @@
-import { Main } from "./components/Main/Main";
+import { MainLayout } from "./components/layouts/MainLayout/MainLayout";
 
 export default function App() {
-  return <Main />;
+  return <MainLayout />;
 }
diff --git a/src/components/Input/Input.js → src/components/common/atoms/Input/Input.js b/src/components/Input/Input.js → src/components/common/atoms/Input/Input.js
diff --git a/src/components/Input/Input.module.scss → ...ents/common/atoms/Input/Input.module.scss b/src/components/Input/Input.module.scss → ...ents/common/atoms/Input/Input.module.scss
diff --git a/src/components/Results/Results.js → ...nents/features/results/Results/Results.js b/src/components/Results/Results.js → ...nents/features/results/Results/Results.js
@@ -1,6 +1,6 @@
 import { TranslationBlock } from "../TranslationBlock/TranslationBlock";
 import styles from "./Results.module.scss";
-import { useSearch } from "../../context/SearchContext";
+import { useSearch } from "../../../../context/SearchContext";
 
 export function Results() {
   const { searchResults } = useSearch();

diff --git a/src/components/Results/Results.module.scss → ...tures/results/Results/Results.module.scss b/src/components/Results/Results.module.scss → ...tures/results/Results/Results.module.scss
diff --git a/...ents/TranslationBlock/TranslationBlock.js → ...ults/TranslationBlock/TranslationBlock.js b/...ents/TranslationBlock/TranslationBlock.js → ...ults/TranslationBlock/TranslationBlock.js
@@ -2,7 +2,7 @@ import { TranslationBlockHeader } from "../TranslationBlockHeader/TranslationBlo
 import { TranslationSubject } from "../TranslationSubject/TranslationSubject";
 import { TranslationOption } from "../TranslationOption/TranslationOption";
 import styles from "./TranslationBlock.module.scss";
-import { useSearchDispatch } from "../../context/SearchContext";
+import { useSearchDispatch } from "../../../../context/SearchContext";
 
 export function TranslationBlock({ translationBlock: tb }) {
   const dispatch = useSearchDispatch();

diff --git a/...slationBlock/TranslationBlock.module.scss → ...slationBlock/TranslationBlock.module.scss b/...slationBlock/TranslationBlock.module.scss → ...slationBlock/TranslationBlock.module.scss
diff --git a/...tionBlockHeader/TranslationBlockHeader.js → ...tionBlockHeader/TranslationBlockHeader.js b/...tionBlockHeader/TranslationBlockHeader.js → ...tionBlockHeader/TranslationBlockHeader.js
diff --git a/...Header/TranslationBlockHeader.module.scss → ...Header/TranslationBlockHeader.module.scss b/...Header/TranslationBlockHeader.module.scss → ...Header/TranslationBlockHeader.module.scss
diff --git a/...ts/TranslationOption/TranslationOption.js → ...ts/TranslationOption/TranslationOption.js b/...ts/TranslationOption/TranslationOption.js → ...ts/TranslationOption/TranslationOption.js
diff --git a/...ationOption/TranslationOption.module.scss → ...ationOption/TranslationOption.module.scss b/...ationOption/TranslationOption.module.scss → ...ationOption/TranslationOption.module.scss
diff --git a/.../TranslationSubject/TranslationSubject.js → .../TranslationSubject/TranslationSubject.js b/.../TranslationSubject/TranslationSubject.js → .../TranslationSubject/TranslationSubject.js
diff --git a/...ionSubject/TranslationSubject.module.scss → ...ionSubject/TranslationSubject.module.scss b/...ionSubject/TranslationSubject.module.scss → ...ionSubject/TranslationSubject.module.scss
diff --git a/src/components/Search/Search.js → ...mponents/features/search/Search/Search.js b/src/components/Search/Search.js → ...mponents/features/search/Search/Search.js
@@ -1,8 +1,11 @@
 import { useState, useEffect } from "react";
-import { Input } from "../Input/Input";
+import { Input } from "../../../common/atoms/Input/Input";
 import { SearchOptions } from "../SearchOptions/SearchOptions";
 import styles from "./Search.module.scss";
-import { useSearchDispatch, useSearch } from "../../context/SearchContext";
+import {
+  useSearchDispatch,
+  useSearch,
+} from "../../../../context/SearchContext";
 
 export function Search() {
   const [query, setQuery] = useState("");

diff --git a/src/components/Search/Search.module.scss → ...features/search/Search/Search.module.scss b/src/components/Search/Search.module.scss → ...features/search/Search/Search.module.scss
diff --git a/...components/SearchOptions/SearchOptions.js → ...res/search/SearchOptions/SearchOptions.js b/...components/SearchOptions/SearchOptions.js → ...res/search/SearchOptions/SearchOptions.js
@@ -1,4 +1,4 @@
-import { useSearchDispatch } from "../../context/SearchContext";
+import { useSearchDispatch } from "../../../../context/SearchContext";
 import styles from "./SearchOptions.module.scss";
 
 export function SearchOptions({ options, selectedIndex }) {

diff --git a/...s/SearchOptions/SearchOptions.module.scss → ...h/SearchOptions/SearchOptions.module.scss b/...s/SearchOptions/SearchOptions.module.scss → ...h/SearchOptions/SearchOptions.module.scss
diff --git a/src/components/Main/Main.js → ...mponents/layouts/MainLayout/MainLayout.js b/src/components/Main/Main.js → ...mponents/layouts/MainLayout/MainLayout.js
@@ -1,10 +1,9 @@
-import { useState } from "react";
-import { Search } from "../Search/Search";
-import { Results } from "../Results/Results";
-import styles from "./Main.module.scss";
-import SearchProvider from "../../context/SearchContext";
+import { Search } from "../../features/search/Search/Search";
+import { Results } from "../../features/results/Results/Results";
+import styles from "./MainLayout.module.scss";
+import SearchProvider from "../../../context/SearchContext";
 
-export function Main() {
+export function MainLayout() {
   return (
     <SearchProvider>
       <div className={styles.wrapper}>

diff --git a/src/components/Main/Main.module.scss → ...layouts/MainLayout/MainLayout.module.scss b/src/components/Main/Main.module.scss → ...layouts/MainLayout/MainLayout.module.scss