Merge pull request #47 from DSM-Repo/student

fix
DSM-Repo · Aug 28, 2024 · 01d543d · 01d543d
2 parents 273e75c + a01b751
commit 01d543d
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 17 deletions.
diff --git a/packages/main/public/Proj-Left.png b/packages/main/public/Proj-Left.png
diff --git a/packages/main/public/Proj_Right.png b/packages/main/public/Proj_Right.png
diff --git a/packages/main/public/empty.pdf b/packages/main/public/empty.pdf
diff --git a/packages/main/src/pages/Landing.tsx b/packages/main/src/pages/Landing.tsx
@@ -9,14 +9,25 @@ import {
   Image9,
   Logo
 } from "@/assets";
+import { useAuth } from "@configs/util";
 import { Modal } from "@/router/Layout";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 
 export const Landing = () => {
   const [isModalOpen, setIsModalOpen] = useState(false);
+  const { getRole } = useAuth();
   const navigate = useNavigate();
 
+  useEffect(() => {
+    const role = getRole();
+    if (role === "student") {
+      window.location.replace(`${process.env.VITE_APP_URL_STUDENT}`);
+    } else if (role === "teacher") {
+      window.location.replace(`${process.env.VITE_APP_URL_TEACHER}`);
+    }
+  });
+
   return (
     <>
       {/* Header */}
@@ -33,23 +44,10 @@ export const Landing = () => {
       {/* Modal */}
       <Modal opened={isModalOpen} setOpened={setIsModalOpen} />
 
-      {/* Content */}
-      <div className="bg-custom-image grid place-items-center font-normal text-[16px] text-white">
-        <Image8 />
-        <p className="font-extrabold text-[36px]">깔끔한 나만의 레주메</p>
-        <p className="text-[#888888]">로그인 하여 바로 사용해 보세요</p>
-        <div
-          className="w-36 h-11 border border-[#6D6D6D] flex justify-center items-center rounded-[22px] mt-6 mb-16 cursor-pointer"
-          onClick={() => navigate("/login")}
-        >
-          Repo 사용하기
-        </div>
-      </div>
-
       {/* Container */}
-      <div className="py-[172px] px-[40px] flex flex-col justify-center items-center gap-[80px]">
+      <div className="py-[172px] px-[40px] flex flex-col justify-center w-full items-center gap-[80px]">
         {/* Section 1 */}
-        <div className="w-screen h-2/5 flex flex-col justify-center items-center gap-4 font-black text-[48px] text-white">
+        <div className="w-full h-2/5 flex flex-col justify-center items-center gap-4 font-black text-[48px] text-white">
           <Image9 />
           <div className="flex flex-col items-center">
             <p>이력서, 온라인으로</p>
@@ -65,7 +63,7 @@ export const Landing = () => {
         </div>
 
         {/* Section 2 */}
-        <div className="w-screen h-2/5 py-5 flex flex-col justify-center items-center gap-4 font-black text-[48px] text-white">
+        <div className="w-full h-2/5 py-5 flex flex-col justify-center items-center gap-4 font-black text-[48px] text-white">
           <Image8 className="mb-[20px]" />
           <p className="font-extrabold text-[36px] mb-[64px]">
             손쉽게 작성하는 이력서
@@ -120,6 +118,23 @@ export const Landing = () => {
         </div>
       </div>
 
+      {/* Content */}
+      <div className="bg-custom-image flex justify-between items-center w-full bg-gray-900 font-normal text-[16px] text-white">
+        <img src="/Proj-Left.png" className="h-full" />
+        <div className="flex flex-col py-20 items-center">
+          <Image8 />
+          <p className="font-extrabold text-[36px]">깔끔한 나만의 레주메</p>
+          <p className="text-[#888888]">로그인 하여 바로 사용해 보세요</p>
+          <div
+            className="w-36 h-11 border border-[#6D6D6D] flex justify-center items-center rounded-[22px] mt-6 cursor-pointer"
+            onClick={() => navigate("/login")}
+          >
+            Repo 사용하기
+          </div>
+        </div>
+        <img src="/Proj_Right.png" className="h-full" />
+      </div>
+
       {/* Footer */}
       <div className="w-full h-fit flex justify-center border border-[#333333]">
         <div className="w-4/5 h-fit py-[48px] gap-[20px] font-normal text-[#D1D1D1] text-[14px]">