From 0834b815f1768a961e05623127c8dbb487e3c533 Mon Sep 17 00:00:00 2001
From: No0ne003 <hi.yassir.op@gmail.com>
Date: Mon, 20 May 2024 13:56:37 +0100
Subject: [PATCH] better pages structure

---
 src/App.jsx                                    | 18 +++++++++---------
 src/pages/{ => 404}/404.jsx                    |  0
 src/pages/Feature-flag/FeatureFlags.jsx        |  4 ++--
 src/pages/{ => Home}/Home.jsx                  |  0
 src/pages/{ => Image-Slider}/ImageSlider.jsx   |  0
 .../{ => Load-More-Data}/LoadMoreData.jsx      |  0
 .../QRCodeGenerator.jsx                        |  0
 src/pages/{ => Random-Color}/RandomColor.jsx   |  0
 .../ScrollToSection.jsx                        |  0
 src/pages/{ => StarRating}/StarRating.jsx      |  0
 src/pages/{ => Tic-Tac-Toe}/TicTacToe.jsx      |  2 +-
 11 files changed, 12 insertions(+), 12 deletions(-)
 rename src/pages/{ => 404}/404.jsx (100%)
 rename src/pages/{ => Home}/Home.jsx (100%)
 rename src/pages/{ => Image-Slider}/ImageSlider.jsx (100%)
 rename src/pages/{ => Load-More-Data}/LoadMoreData.jsx (100%)
 rename src/pages/{ => Qr-Code-Generator}/QRCodeGenerator.jsx (100%)
 rename src/pages/{ => Random-Color}/RandomColor.jsx (100%)
 rename src/pages/{ => Scroll-to-section}/ScrollToSection.jsx (100%)
 rename src/pages/{ => StarRating}/StarRating.jsx (100%)
 rename src/pages/{ => Tic-Tac-Toe}/TicTacToe.jsx (98%)

diff --git a/src/App.jsx b/src/App.jsx
index a8fe8d6..e759b3f 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -13,15 +13,15 @@ import GoBack from "./components/ui/GoBack";
 import menus from "./pages/tree-view/data";
 
 // pages
-const Home = lazy(() => import("@/pages/Home"));
-const NotFound = lazy(() => import("@/pages/404"));
+const Home = lazy(() => import("@/pages/Home/Home"));
+const NotFound = lazy(() => import("@/pages/404/404"));
 const Accordion = lazy(() => import("@/pages/accordion/accordion"));
-const RandomColor = lazy(() => import("@/pages/RandomColor"));
-const StarRating = lazy(() => import("@/pages/StarRating"));
-const ImageSlider = lazy(() => import("@/pages/ImageSlider"));
-const LoadMoreData = lazy(() => import("@/pages/LoadMoreData"));
+const RandomColor = lazy(() => import("@/pages/Random-Color/RandomColor"));
+const StarRating = lazy(() => import("@/pages/StarRating/StarRating"));
+const ImageSlider = lazy(() => import("@/pages/Image-Slider/ImageSlider"));
+const LoadMoreData = lazy(() => import("@/pages/Load-More-Data/LoadMoreData"));
 const TreeView = lazy(() => import("@/pages/tree-view/TreeView"));
-const QRCodeGenerator = lazy(() => import("@/pages/QRCodeGenerator"));
+const QRCodeGenerator = lazy(() => import("@/pages/Qr-Code-Generator/QRCodeGenerator"));
 const LightDarkMode = lazy(
   () => import("@/pages/light-dark-mode/Light-dark-mode"),
 );
@@ -33,7 +33,7 @@ const GithubProfileFinder = lazy(
 const SearchAutoComplete = lazy(
   () => import("@/pages/SearchAutoComplete/SearchAutoComplete"),
 );
-const TicTacToe = lazy(() => import("@/pages/TicTacToe"));
+const TicTacToe = lazy(() => import("@/pages/Tic-Tac-Toe/TicTacToe"));
 const FeatureFlagGlobalState = lazy(
   () => import("@/pages/Feature-flag/context/FeatureFlagsContext"),
 );
@@ -47,7 +47,7 @@ const UseOnClickOutsideTest = lazy(
 const UseWindowResizeTest = lazy(
   () => import("./pages/CustomHooks/use-window-resize/test"),
 );
-const ScrollToSection = lazy(() => import("./pages/ScrollToSection"));
+const ScrollToSection = lazy(() => import("./pages/Scroll-to-section/ScrollToSection"));
 const WeatherApp = lazy(() => import("@/pages/Weather-app/index"));
 
 function App() {
diff --git a/src/pages/404.jsx b/src/pages/404/404.jsx
similarity index 100%
rename from src/pages/404.jsx
rename to src/pages/404/404.jsx
diff --git a/src/pages/Feature-flag/FeatureFlags.jsx b/src/pages/Feature-flag/FeatureFlags.jsx
index 7592bdd..5d8b93d 100644
--- a/src/pages/Feature-flag/FeatureFlags.jsx
+++ b/src/pages/Feature-flag/FeatureFlags.jsx
@@ -6,8 +6,8 @@ import menus from "../tree-view/data";
 const LazyLightDarkMode = lazy(
   () => import("../light-dark-mode/Light-dark-mode"),
 );
-const LazyTicTacToe = lazy(() => import("../TicTacToe"));
-const LazyRandomColor = lazy(() => import("../RandomColor"));
+const LazyTicTacToe = lazy(() => import("../Tic-Tac-Toe/TicTacToe"));
+const LazyRandomColor = lazy(() => import("../Random-Color/RandomColor"));
 const LazyAccordion = lazy(() => import("../accordion/accordion"));
 const LazyTreeView = lazy(() => import("../tree-view/TreeView"));
 const LazyTabTest = lazy(() => import("../tree-view/custom-tabs/Tab-test"));
diff --git a/src/pages/Home.jsx b/src/pages/Home/Home.jsx
similarity index 100%
rename from src/pages/Home.jsx
rename to src/pages/Home/Home.jsx
diff --git a/src/pages/ImageSlider.jsx b/src/pages/Image-Slider/ImageSlider.jsx
similarity index 100%
rename from src/pages/ImageSlider.jsx
rename to src/pages/Image-Slider/ImageSlider.jsx
diff --git a/src/pages/LoadMoreData.jsx b/src/pages/Load-More-Data/LoadMoreData.jsx
similarity index 100%
rename from src/pages/LoadMoreData.jsx
rename to src/pages/Load-More-Data/LoadMoreData.jsx
diff --git a/src/pages/QRCodeGenerator.jsx b/src/pages/Qr-Code-Generator/QRCodeGenerator.jsx
similarity index 100%
rename from src/pages/QRCodeGenerator.jsx
rename to src/pages/Qr-Code-Generator/QRCodeGenerator.jsx
diff --git a/src/pages/RandomColor.jsx b/src/pages/Random-Color/RandomColor.jsx
similarity index 100%
rename from src/pages/RandomColor.jsx
rename to src/pages/Random-Color/RandomColor.jsx
diff --git a/src/pages/ScrollToSection.jsx b/src/pages/Scroll-to-section/ScrollToSection.jsx
similarity index 100%
rename from src/pages/ScrollToSection.jsx
rename to src/pages/Scroll-to-section/ScrollToSection.jsx
diff --git a/src/pages/StarRating.jsx b/src/pages/StarRating/StarRating.jsx
similarity index 100%
rename from src/pages/StarRating.jsx
rename to src/pages/StarRating/StarRating.jsx
diff --git a/src/pages/TicTacToe.jsx b/src/pages/Tic-Tac-Toe/TicTacToe.jsx
similarity index 98%
rename from src/pages/TicTacToe.jsx
rename to src/pages/Tic-Tac-Toe/TicTacToe.jsx
index 1b69747..5d04f34 100644
--- a/src/pages/TicTacToe.jsx
+++ b/src/pages/Tic-Tac-Toe/TicTacToe.jsx
@@ -75,7 +75,7 @@ const TicTacToe = () => {
             <span className="font-bold font-mono text-primary">{winner}</span>
           </div>
         ) : isDraw ? (
-          <div className="text-5xl">It's a draw!</div>
+          <div className="text-5xl">It&apos;s a draw!</div>
         ) : null}{" "}
       </div>
       <div className="shadow-2xl">