Merge pull request #140 from ezcode-my/feat/not-found

Feat : not found

Author: grimza99

src/app/(auth)/(navigationsBarLayout)/problems/[problemId]/@tabs/not-found.tsx

@@ -0,0 +1,15 @@
+import { PATHS } from '@/constants/paths';
+import Link from 'next/link';
+
+export default function NotFound() {
+  return (
+    <div className="w-full h-full flex justify-center items-center flex-col gap-5">
+      <h1 className="text-2xl font-bold">
+        문제가 삭제되었거나 문제 오류 발견으로 수정중인 문제 입니다.
+      </h1>
+      <Link href={PATHS.PROBLEMS} className="bg-primary p-5 rounded-lg text-white">
+        문제 목록으로 돌아가기
+      </Link>
+    </div>
+  );
+}

src/app/(auth)/(navigationsBarLayout)/problems/[problemId]/@tabs/page.tsx

@@ -2,6 +2,7 @@ import Discussions from '@/features/discussions/disussions/ui/Discussions';
 import { DetailProblem, getDetailProblem } from '@/entities/problem';
 import CollapsibleProblem from '@/entities/problem/ui/CollapsibleProblem';
 import { DiscussionsParamsProvider } from '@/features/discussions/disussions/model/Discussion.sort.context';
+import { notFound } from 'next/navigation';
 
 interface IProblemPageProps {
   params: Promise<{ problemId: string }>;
@@ -14,8 +15,7 @@ export default async function ProblemPage({ params, searchParams }: IProblemPage
   const detailProblem = await getDetailProblem(problemId);
 
   if (!detailProblem) {
-    console.error('문제를 불러오는 데 실패했습니다.');
-    return <div>문제를 불러오는 데 실패했습니다.</div>;
+    return notFound();
   }
 
   return (

src/widgets/NavigationBar/ui/AuthActions.tsx

@@ -10,11 +10,12 @@ import { useLogoutMutation } from '@/entities/auth/model/mutation/auth.mutation'
 
 import Notifications from './Notifications';
 import { useUserStore } from '@/entities/user/model/store';
-
+import cookies from 'js-cookie';
 export default function AuthActions() {
   const router = useRouter();
   const { mutateAsync } = useLogoutMutation();
   const { user } = useUserStore((state) => state);
+  const accessToken = cookies.get('accessToken');
 
   const selectOption = (value: string) => {
     if (value === 'mypage') return router.push(PATHS.MYPAGE);
@@ -23,7 +24,7 @@ export default function AuthActions() {
 
   return (
     <div className="flex items-center space-x-4">
-      {user ? (
+      {accessToken && user ? (
         <div className="flex flex-row gap-4 items-center">
           <Notifications />
           <Select
@@ -40,10 +41,7 @@ export default function AuthActions() {
           />
         </div>
       ) : (
-        <>
-          {/* <LinkedButton props={NAVIGATE_ATTRIBUTE.signup} /> */}
-          <LinkedButton props={NAVIGATE_ATTRIBUTE.signin} />
-        </>
+        <LinkedButton props={NAVIGATE_ATTRIBUTE.signin} />
       )}
     </div>
   );