From 628f81efbee34270d73c53bafff454ea39412cb2 Mon Sep 17 00:00:00 2001
From: nflnkr <105123049+nflnkr@users.noreply.github.com>
Date: Fri, 9 Dec 2022 15:03:27 +0300
Subject: [PATCH] split pages by divider

---
 src/App.tsx | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 26fb6b0f..c37b7bb0 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,5 @@
 import { CssBaseline, ThemeProvider } from "@mui/material";
+import { styled } from "@mui/material/styles";
 import CreateQuiz from "./components/CreateQuiz/CreateQuiz";
 import FirstQuiz from "./components/FirstQuiz";
 import MyQuizzes from "./components/MyQuizzes";
@@ -7,17 +8,28 @@ import NavbarCreateQuiz from "./components/Navbar/NavbarCreateQuiz";
 import QuizGallery from "./components/QuizGallery";
 import lightTheme from "./utils/themes/light";
 
+const Divider = styled("div")(() => ({
+    height: "30px",
+    backgroundColor: "black",
+}));
+
 function App() {
+
     return (
         <ThemeProvider theme={lightTheme}>
             <CssBaseline />
-            {/* <Navbar isLoggedIn={true} /> */}
-            {/* <FirstQuiz /> */}
-            {/* <MyQuizzes />  */}
+            <Navbar isLoggedIn={true} />
+            <FirstQuiz />
+            <Divider />
+
+            <MyQuizzes />
+            <Divider />
+
             <QuizGallery />
-            {/* ______ */}
-            {/* <NavbarCreateQuiz /> */}
-            {/* <CreateQuiz /> */}
+            <Divider />
+            
+            <NavbarCreateQuiz />
+            <CreateQuiz />
         </ThemeProvider>
     );
 }