diff --git a/src/App.js b/src/App.js index c4383e9..41e52be 100644 --- 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
; + return ; } diff --git a/src/components/Input/Input.js b/src/components/common/atoms/Input/Input.js similarity index 100% rename from src/components/Input/Input.js rename to src/components/common/atoms/Input/Input.js diff --git a/src/components/Input/Input.module.scss b/src/components/common/atoms/Input/Input.module.scss similarity index 100% rename from src/components/Input/Input.module.scss rename to src/components/common/atoms/Input/Input.module.scss diff --git a/src/components/Results/Results.js b/src/components/features/results/Results/Results.js similarity index 87% rename from src/components/Results/Results.js rename to src/components/features/results/Results/Results.js index 44f3db0..c6703a1 100644 --- a/src/components/Results/Results.js +++ b/src/components/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 b/src/components/features/results/Results/Results.module.scss similarity index 100% rename from src/components/Results/Results.module.scss rename to src/components/features/results/Results/Results.module.scss diff --git a/src/components/TranslationBlock/TranslationBlock.js b/src/components/features/results/TranslationBlock/TranslationBlock.js similarity index 95% rename from src/components/TranslationBlock/TranslationBlock.js rename to src/components/features/results/TranslationBlock/TranslationBlock.js index a7e726f..7f3340c 100644 --- a/src/components/TranslationBlock/TranslationBlock.js +++ b/src/components/features/results/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/src/components/TranslationBlock/TranslationBlock.module.scss b/src/components/features/results/TranslationBlock/TranslationBlock.module.scss similarity index 100% rename from src/components/TranslationBlock/TranslationBlock.module.scss rename to src/components/features/results/TranslationBlock/TranslationBlock.module.scss diff --git a/src/components/TranslationBlockHeader/TranslationBlockHeader.js b/src/components/features/results/TranslationBlockHeader/TranslationBlockHeader.js similarity index 100% rename from src/components/TranslationBlockHeader/TranslationBlockHeader.js rename to src/components/features/results/TranslationBlockHeader/TranslationBlockHeader.js diff --git a/src/components/TranslationBlockHeader/TranslationBlockHeader.module.scss b/src/components/features/results/TranslationBlockHeader/TranslationBlockHeader.module.scss similarity index 100% rename from src/components/TranslationBlockHeader/TranslationBlockHeader.module.scss rename to src/components/features/results/TranslationBlockHeader/TranslationBlockHeader.module.scss diff --git a/src/components/TranslationOption/TranslationOption.js b/src/components/features/results/TranslationOption/TranslationOption.js similarity index 100% rename from src/components/TranslationOption/TranslationOption.js rename to src/components/features/results/TranslationOption/TranslationOption.js diff --git a/src/components/TranslationOption/TranslationOption.module.scss b/src/components/features/results/TranslationOption/TranslationOption.module.scss similarity index 100% rename from src/components/TranslationOption/TranslationOption.module.scss rename to src/components/features/results/TranslationOption/TranslationOption.module.scss diff --git a/src/components/TranslationSubject/TranslationSubject.js b/src/components/features/results/TranslationSubject/TranslationSubject.js similarity index 100% rename from src/components/TranslationSubject/TranslationSubject.js rename to src/components/features/results/TranslationSubject/TranslationSubject.js diff --git a/src/components/TranslationSubject/TranslationSubject.module.scss b/src/components/features/results/TranslationSubject/TranslationSubject.module.scss similarity index 100% rename from src/components/TranslationSubject/TranslationSubject.module.scss rename to src/components/features/results/TranslationSubject/TranslationSubject.module.scss diff --git a/src/components/Search/Search.js b/src/components/features/search/Search/Search.js similarity index 94% rename from src/components/Search/Search.js rename to src/components/features/search/Search/Search.js index 5fc80a9..e261b94 100644 --- a/src/components/Search/Search.js +++ b/src/components/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 b/src/components/features/search/Search/Search.module.scss similarity index 100% rename from src/components/Search/Search.module.scss rename to src/components/features/search/Search/Search.module.scss diff --git a/src/components/SearchOptions/SearchOptions.js b/src/components/features/search/SearchOptions/SearchOptions.js similarity index 90% rename from src/components/SearchOptions/SearchOptions.js rename to src/components/features/search/SearchOptions/SearchOptions.js index a9ba7b1..b2ed2fa 100644 --- a/src/components/SearchOptions/SearchOptions.js +++ b/src/components/features/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/src/components/SearchOptions/SearchOptions.module.scss b/src/components/features/search/SearchOptions/SearchOptions.module.scss similarity index 100% rename from src/components/SearchOptions/SearchOptions.module.scss rename to src/components/features/search/SearchOptions/SearchOptions.module.scss diff --git a/src/components/Main/Main.js b/src/components/layouts/MainLayout/MainLayout.js similarity index 50% rename from src/components/Main/Main.js rename to src/components/layouts/MainLayout/MainLayout.js index 8315fb9..8db2d12 100644 --- a/src/components/Main/Main.js +++ b/src/components/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 (
diff --git a/src/components/Main/Main.module.scss b/src/components/layouts/MainLayout/MainLayout.module.scss similarity index 100% rename from src/components/Main/Main.module.scss rename to src/components/layouts/MainLayout/MainLayout.module.scss