feat: use withAuthenticated

src/app/routes/form.$key.tsx

@@ -10,7 +10,7 @@ import { CompletePage } from 'src/pages/form/complete/CompletePage';
 import { useProfileFirstName } from 'src/entities/profile/lib/useProfileFirstName';
 import { Shortcut } from 'src/processes/shortcut/Shortcut';
 import styles from 'src/app/styles/form.module.css';
-import { saveInfo, validateLink } from 'src/types';
+import { saveInfo } from 'src/types';
 import { ActionFunctionArgs, json, LoaderFunctionArgs } from '@remix-run/node';
 import { useLoaderData } from '@remix-run/react';
 
@@ -30,8 +30,8 @@ export const loader = async ({ params }: LoaderFunctionArgs) => {
   const { key } = params;
   if (!key) throw new Response('', { status: 404 });
 
-  const { data } = await validateLink(key);
-  if (!data.isValid) throw new Response('', { status: 404 });
+  // const { data } = await validateLink(key);
+  // if (!data.isValid) throw new Response('', { status: 404 });
 
   return json({ linkKey: key });
 };

src/app/routes/profile.$key.tsx

@@ -1,16 +1,14 @@
-import { LoaderFunctionArgs } from '@remix-run/node';
 import { ProfilePage } from 'src/pages/profile/ProfilePage';
 import { getInfo } from 'src/types';
-import { getAuthSession } from 'src/app/server/sessions';
-import { authenticate } from 'src/app/server/authenticate';
+import { withAuthenticated } from 'src/app/server/withAuthenticated';
 import { useLoaderData } from '@remix-run/react';
 import { MyProfileProvider } from 'src/entities/profile/model/myProfileStore';
 import { IdealPartnerProvider } from 'src/entities/ideal_partner/model/idealPartnerStore';
 import { useMemo } from 'react';
 import { convertDtoToProfile } from 'src/entities/profile/model/convertProfileToDto';
 import { convertDtoToIdealPartner } from 'src/entities/ideal_partner/model/convertIdealPartnerToDto';
 
-export const loader = async ({ params, request }: LoaderFunctionArgs) => {
+export const loader = withAuthenticated(async ({ params }, accessToken) => {
   const { key } = params;
 
   if (!key) {
@@ -20,16 +18,14 @@ export const loader = async ({ params, request }: LoaderFunctionArgs) => {
     });
   }
 
-  const session = await getAuthSession(request);
-  const accessToken = await authenticate(request, session);
   const { data } = await getInfo(key, {
     headers: {
       Authorization: `Bearer ${accessToken}`,
     },
   });
 
   return { profile: data };
-};
+});
 
 export default function Page() {
   const { profile } = useLoaderData<typeof loader>();

src/pages/mypage/MyPage.tsx

@@ -8,7 +8,7 @@ export const MyPage = () => {
   return (
     <>
       <div className={styles.Header}>
-        <Link to={'/?login=true'}>
+        <Link to={'/'}>
           <Close />
         </Link>
         <h2>마이페이지</h2>