refactor : 전역 상태(AuthStore)를 통해 기존 페이지 URL을 통한 관리자 여부를 로그인한 유저의 데이터 기준으로 변경

Author: layout-SY

src/components/common/sidebar/Sidebar.styled.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export const Container = styled.div<{ $isAdmin: boolean }>`
+export const Container = styled.div<{ $isAdmin: boolean | undefined }>`
   display: flex;
   flex-direction: column;
   border: 2px solid #f0f0f0;

src/components/common/sidebar/Sidebar.tsx

@@ -22,9 +22,9 @@ interface SidebarProps {
 const Sidebar = ({ menuItems, profileImage, nickname }: SidebarProps) => {
   const isLoggedIn = useAuthStore((state) => state.isLoggedIn);
   const location = useLocation();
+  const isAdmin = useAuthStore().userData?.admin;
   const isUserPage = location.pathname.includes('/user');
   const isManagePage = location.pathname.includes('/manage');
-  const isAdmin = location.pathname.includes('/admin');
 
   const isMyProfile = isLoggedIn && !isUserPage && !isManagePage;
   const getActiveIndex = useCallback(() => {

src/components/user/mypage/ContentTab.tsx

@@ -3,6 +3,7 @@ import * as S from './ContentTab.styled';
 import { Link, Outlet, useLocation } from 'react-router-dom';
 import ScrollWrapper from './ScrollWrapper';
 import MovedInquiredLink from '../customerService/MoveInquiredLink';
+import useAuthStore from '../../../store/authStore';
 
 interface Filter {
   title: string;
@@ -18,8 +19,8 @@ interface ContentProps {
 
 export default function ContentTab({ filter, $justifyContent }: ContentProps) {
   const { pathname } = useLocation();
+  const isAdmin = useAuthStore().userData?.admin;
   const [filterId, setFilterId] = useState<number>();
-  const isAdmin = pathname.includes('/admin');
 
   useEffect(() => {
     const currentFilter = filter.find((item) =>

src/components/user/mypage/activityLog/ActivityLog.tsx

@@ -1,13 +1,12 @@
-import { useLocation } from 'react-router-dom';
 import {
   ACTIVITY_FILTER,
   ACTIVITY_FILTER_ADMIN,
 } from '../../../../constants/user/myPageFilter';
 import ContentTab from '../ContentTab';
+import useAuthStore from '../../../../store/authStore';
 
 export default function ActivityLog() {
-  const { pathname } = useLocation();
-  const isAdmin = pathname.includes('/admin');
+  const isAdmin = useAuthStore().userData?.admin;
 
   return (
     <ContentTab

src/components/user/userPage/userProjectList/UserProjectList.tsx

@@ -1,15 +1,15 @@
-import { Link, useLocation } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import * as S from '../../mypage/joinedProject/MyJoinProjects.styled';
 import { ROUTES } from '../../../../constants/routes';
 import NoContent from '../../../common/noContent/NoContent';
 import ScrollWrapper from '../../mypage/ScrollWrapper';
 import Spinner from '../../mypage/Spinner';
 import Project from '../../mypage/joinedProject/Project';
 import { useGetUserProjectList } from '../../../../hooks/user/useGetUserProjectList';
+import useAuthStore from '../../../../store/authStore';
 
 export default function UserProjects() {
-  const { pathname } = useLocation();
-  const isAdmin = pathname.includes('/admin');
+  const isAdmin = useAuthStore().userData?.admin;
   const { userProjectData, isLoading, title } = useGetUserProjectList();
 
   if (isLoading) {