From 6bd1657a60bfcec53ff8a7623ec4651c68788c6f Mon Sep 17 00:00:00 2001
From: Hyelim Choi <HyelimChoi01@gmail.com>
Date: Tue, 9 Jan 2024 17:35:56 +0900
Subject: [PATCH] feat: link to each page

---
 src/layouts/dashboard/dept-button.tsx  |  2 +-
 src/layouts/dashboard/nav-vertical.tsx |  2 +-
 src/sections/dashboard/admin-view.tsx  | 19 ++++++++++++-------
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/layouts/dashboard/dept-button.tsx b/src/layouts/dashboard/dept-button.tsx
index 54a48bd..48b8daf 100644
--- a/src/layouts/dashboard/dept-button.tsx
+++ b/src/layouts/dashboard/dept-button.tsx
@@ -174,7 +174,7 @@ export default function DeptHeaderButton() {
                 </Avatar>
                 {option.deptName}
 
-                {option.deptMemberResponse[0].deptRole === 'Admin' ? (
+                {option.deptMemberResponse[0].deptRole === 'ADMIN' ? (
                   <Avatar
                     alt="A"
                     color="primary.pale"
diff --git a/src/layouts/dashboard/nav-vertical.tsx b/src/layouts/dashboard/nav-vertical.tsx
index 96df426..34f0549 100644
--- a/src/layouts/dashboard/nav-vertical.tsx
+++ b/src/layouts/dashboard/nav-vertical.tsx
@@ -73,7 +73,7 @@ export default function NavVertical({ openNav, onCloseNav }: Props) {
       <Box style={{ height: '10px' }} />
 
       {typeof userDeptInfo === 'object' &&
-      userDeptInfo.deptMemberResponse[0].deptRole === 'Admin' ? (
+      userDeptInfo.deptMemberResponse[0].deptRole === 'ADMIN' ? (
         <NavSectionVertical
           data={navData}
           config={{
diff --git a/src/sections/dashboard/admin-view.tsx b/src/sections/dashboard/admin-view.tsx
index a1efbb1..3917312 100644
--- a/src/sections/dashboard/admin-view.tsx
+++ b/src/sections/dashboard/admin-view.tsx
@@ -20,6 +20,8 @@ import { useState } from 'react';
 import { Link } from 'react-router-dom';
 import { paths } from 'src/routes/paths';
 import styled from 'styled-components';
+import { userDeptState } from 'src/utils/atom';
+import { useRecoilValue } from 'recoil';
 import AnalyticsWidgetSummary from './analytics-widget-summary';
 import { UserCalendarView } from './calendar/view';
 // import AdminCalendarView from './calendar/view/admin-calendar-view';
@@ -30,6 +32,12 @@ export default function AdminDashboardView() {
   const settings = useSettingsContext();
   const theme = useTheme();
 
+  const userDeptInfo = useRecoilValue(userDeptState);
+  let url = '';
+  if (typeof userDeptInfo === 'object') {
+    url = userDeptInfo.link ?? '';
+  }
+
   const rangeCalendarPicker = useDateRangePicker(new Date(), null);
   const [value, setValue] = useState<Date | null>(new Date());
 
@@ -57,7 +65,7 @@ export default function AdminDashboardView() {
       {/* 분석 카드 4개 */}
       <Grid container spacing={3}>
         <Grid xs={12} sm={6} md={3}>
-          <StyledLink to={paths.dept.reservelist('CSEE')}>
+          <StyledLink to={paths.dept.reservelist(url)}>
             <AnalyticsWidgetSummary
               title="미승인 예약"
               total={210}
@@ -68,7 +76,7 @@ export default function AdminDashboardView() {
         </Grid>
 
         <Grid xs={12} sm={6} md={3}>
-          <StyledLink to={paths.dept.reservelist('CSEE')}>
+          <StyledLink to={paths.dept.management.manageUser(url)}>
             <AnalyticsWidgetSummary
               title="미승인 대기 유저"
               total={13}
@@ -79,7 +87,7 @@ export default function AdminDashboardView() {
         </Grid>
 
         <Grid xs={12} sm={6} md={3}>
-          <StyledLink to={paths.dept.reservelist('CSEE')}>
+          <StyledLink to={paths.dept.reservelist(url)}>
             <AnalyticsWidgetSummary
               title="오늘 예정된 예약"
               total={17}
@@ -90,7 +98,7 @@ export default function AdminDashboardView() {
         </Grid>
 
         <Grid xs={12} sm={6} md={3}>
-          <StyledLink to={paths.dept.reservelist('CSEE')}>
+          <StyledLink to={paths.dept.reservelist(url)}>
             <AnalyticsWidgetSummary
               title="전체 예약"
               total={234}
@@ -106,9 +114,6 @@ export default function AdminDashboardView() {
           {/* <AdminCalendarView /> */}
         </Grid>
       </Grid>
-
-      {/* </DemoItem> */}
-      {/* </Box> */}
     </Container>
   );
 }