refactor(misc) : moved test pages and added enums(#47)

2ood · Mar 15, 2023 · 4a0b5c0 · 4a0b5c0
1 parent 2c90022
commit 4a0b5c0
Show file tree

Hide file tree

Showing 6 changed files with 54 additions and 7 deletions.
diff --git a/frontend/src/components/LecturePlayer.jsx b/frontend/src/components/LecturePlayer.jsx
@@ -1,9 +1,12 @@
 import * as Styled from "styles/ComponentStyles";
+import blackboard from "img/blackboard-compressed.jpg";
 
 function LecturePlayer(props){
     const src = `https://www.youtube.com/embed/${props.video_id}`;
     return (
-        <Styled.LecturePlayer src={src} title="Youtube Video Player" allow="accelerometer; autoplay; fullscreen; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></Styled.LecturePlayer>
+        props.video_id
+        ?<Styled.LecturePlayer src={src} title="Youtube Video Player" allow="accelerometer; autoplay; fullscreen; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></Styled.LecturePlayer>
+        :<img alt="lecture-thumb" src={blackboard}/>
     )
 }
 

diff --git a/frontend/src/components/ThemedToast.jsx b/frontend/src/components/ThemedToast.jsx
@@ -0,0 +1,22 @@
+import { ToastContainer } from "react-toastify";
+import 'react-toastify/dist/ReactToastify.css';
+
+
+function ThemedToast(){
+    return (
+        <ToastContainer
+                position="bottom-center"
+                autoClose={1500}
+                hideProgressBar={false}
+                newestOnTop={false}
+                closeOnClick
+                rtl={false}
+                pauseOnFocusLoss
+                draggable
+                pauseOnHover
+                theme="light"
+        />  
+    )
+}
+
+export default ThemedToast;
diff --git a/frontend/src/util/AxiosTest.jsx → frontend/src/pages/AxiosTestPage.jsx b/frontend/src/util/AxiosTest.jsx → frontend/src/pages/AxiosTestPage.jsx
diff --git a/frontend/src/util/LoginTest.jsx → frontend/src/pages/LoginTestPage.jsx b/frontend/src/util/LoginTest.jsx → frontend/src/pages/LoginTestPage.jsx
diff --git a/frontend/src/util/TestPage.jsx → frontend/src/pages/TestPage.jsx b/frontend/src/util/TestPage.jsx → frontend/src/pages/TestPage.jsx
@@ -2,6 +2,7 @@ import React from "react";
 import * as Component from "components/Components";
 import * as Styled from "styles/ComponentStyles";
 import { useNavigate } from 'react-router-dom';
+import { FE_PATH } from "util/Enums";
 
 
 
@@ -12,11 +13,11 @@ function TestPage(){
         <Component.Topbar />
         <Styled.MainBodyFrame gap="30px">
             <Styled.UnderlinedTitle size="100%" fontSize="h1" align="center">Page Overview</Styled.UnderlinedTitle>
-            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate("/certificate")}}>Certificate Page</Styled.ThemedButton>
-            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate("/lecture/upload")}}>Lecture Upload Page</Styled.ThemedButton>
-            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate("/lecture/view")}}>Lecture View Page</Styled.ThemedButton>
-            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate("/lecture/list")}}>Lecture Rooms Page</Styled.ThemedButton>
-            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate("/mypage")}}>Mypage</Styled.ThemedButton>
+            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate(FE_PATH.mypage.certificate)}}>Certificate Page</Styled.ThemedButton>
+            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate(FE_PATH.course.upload)}}>Lecture Upload Page</Styled.ThemedButton>
+            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate(FE_PATH.course.view)}}>Lecture View Page</Styled.ThemedButton>
+            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate(FE_PATH.course.list)}}>Lecture Rooms Page</Styled.ThemedButton>
+            <Styled.ThemedButton size="100%" theme="secondary" onClick={()=>{navigate(FE_PATH.mypage)}}>Mypage</Styled.ThemedButton>
         </Styled.MainBodyFrame>
     </>);
 }

diff --git a/frontend/src/util/Enums.jsx b/frontend/src/util/Enums.jsx
@@ -10,6 +10,27 @@ const HOST = {
     "port" : 8080
 }
 
+const FE_PATH = {
+    main : "",
+    auth : {
+        signin : "/sign-in",
+        signup : "/sign-up"
+    },
+
+    mypage : {
+        mypage : "/mypage",
+        certificate : "/certificate"
+    },
+    course : {
+        upload : "/course/upload",
+        list : "/course/list",
+        view : "/course/view"
+    }
+};
+
+const BE_PATH = {
+
+};
 
 
-export {METHOD, HOST};
+export {METHOD, HOST, FE_PATH, BE_PATH};