feat : not found 범위 받아올 수 있도록 처리

#666
KEEPER31337 · Oct 2, 2023 · 65bae29 · 65bae29
1 parent 1a141dd
commit 65bae29
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/pages/NotFound/NotFound.tsx b/src/pages/NotFound/NotFound.tsx
@@ -3,7 +3,11 @@ import { useNavigate } from 'react-router-dom';
 import { Container, Link, Stack, Typography } from '@mui/material';
 import Svg404Component from './SvgComponent/Svg404Component';
 
-const NotFound = () => {
+interface NotFoundProps {
+  from: string;
+}
+
+const NotFound = ({ from }: NotFoundProps) => {
   const [point, setPoint] = useState({ top: window.innerHeight / 2.5, left: window.innerWidth / 3 });
   const [torchTrigger, torchTriggerReducer] = useReducer((prev) => !prev, true);
 
@@ -23,11 +27,11 @@ const NotFound = () => {
       <Container maxWidth="lg" className="space-y-40 text-pointBlue">
         <Stack className={torchTrigger === true ? 'animate-typing' : ''} spacing={4}>
           <Typography className="overflow-hidden whitespace-nowrap !font-orbitron" variant="h1" fontWeight="bold">
-            Page Not Found
+            {from} Not Found
           </Typography>
           <Stack spacing={2}>
             <Typography className="overflow-hidden whitespace-pre-line break-words !font-orbitron">
-              {`> THE PAGE YOU ARE LOOKING FOR MIGHT HAVE BEEN REMOVED, \n HAD ITS NAME CHANGED OR IS TEMPORARILY UNAVAILABLE.`}
+              {`> THE ${from} YOU ARE LOOKING FOR MIGHT HAVE BEEN REMOVED, \n HAD ITS NAME CHANGED OR IS TEMPORARILY UNAVAILABLE.`}
             </Typography>
             <Typography className="flex flex-wrap overflow-hidden whitespace-pre !font-orbitron">
               {`> PLEASE TRY TO `}

diff --git a/src/router/useMainRouter.tsx b/src/router/useMainRouter.tsx
@@ -38,7 +38,7 @@ const useMainRouter = () =>
             },
             {
               path: '*',
-              element: <NotFound />,
+              element: <NotFound from="Page" />,
             },
             {
               path: 'signUp',