fix: detailheader props 제거

Author: JKyEun

src/routes/mission/$missionId/-components/MissionDetailHeader.tsx

@@ -1,33 +1,20 @@
 import { useNavigate } from "@tanstack/react-router";
 import CloseIcon from "@/components/icons/CloseIcon";
-import MissionMyProfile from "../../-components/MissionMyProfile";
 
-export default function MissionDetailHeader({
-  type = "close",
-}: {
-  type?: "close" | "mypage";
-}) {
+export default function MissionDetailHeader() {
   const navigate = useNavigate();
 
   return (
     <header className="flex items-center justify-end p-2">
       <button
         type="button"
         onClick={() => {
-          if (type === "close") {
-            navigate({ to: "/mission" });
-          }
-          if (type === "mypage") {
-            navigate({ to: "/my" });
-          }
+          navigate({ to: "/mission" });
         }}
       >
-        {type === "close" && (
-          <div className="p-2">
-            <CloseIcon variant="white" width={24} height={24} />
-          </div>
-        )}
-        {type === "mypage" && <MissionMyProfile />}
+        <div className="p-2">
+          <CloseIcon variant="white" width={24} height={24} />
+        </div>
       </button>
     </header>
   );

src/routes/mission/$missionId/-components/MissionNotTriedDefault.tsx

@@ -19,7 +19,7 @@ export default function MissionNotTriedDefault({
 }: MissionNotTriedDefaultProps) {
   return (
     <>
-      <MissionDetailHeader type="close" />
+      <MissionDetailHeader />
 
       <div className="flex-1 flex flex-col items-center gap-4 px-4">
         <div className="flex flex-col items-center gap-2">

src/routes/mission/$missionId/-components/MissionNotTriedFailed.tsx

@@ -1,4 +1,3 @@
-import { useNavigate } from "@tanstack/react-router";
 import Button from "@/components/Button";
 import MissionDetailHeader from "./MissionDetailHeader";
 
@@ -11,11 +10,9 @@ export default function MissionNotTriedFailed({
   videoUrl,
   onRetry,
 }: MissionNotTriedFailedProps) {
-  const navigate = useNavigate();
-
   return (
     <>
-      <MissionDetailHeader type="mypage" />
+      <MissionDetailHeader />
 
       <div className="flex-1 flex flex-col items-center">
         <div className="w-full flex flex-col items-center gap-4 mb-6 px-4">
@@ -41,7 +38,6 @@ export default function MissionNotTriedFailed({
       </div>
 
       <div className="flex justify-center gap-2 px-[30px] pb-6">
-        <Button onClick={() => navigate({ to: "/mission" })}>홈</Button>
         <Button onClick={onRetry}>재도전</Button>
       </div>
     </>

src/routes/mission/$missionId/-components/MissionNotTriedReviewing.tsx

@@ -16,7 +16,7 @@ export default function MissionNotTriedReviewing({
 }: MissionNotTriedReviewingProps) {
   return (
     <>
-      <MissionDetailHeader type="mypage" />
+      <MissionDetailHeader />
 
       <div className="flex-1 flex flex-col items-center">
         <div className="w-full flex flex-col items-center gap-1 mb-4 px-4">

src/routes/mission/$missionId/-components/MissionNotTriedSuccess.tsx

@@ -30,7 +30,7 @@ export default function MissionNotTriedSuccess({
 
   return (
     <>
-      <MissionDetailHeader type="close" />
+      <MissionDetailHeader />
 
       <div className="flex-1 flex flex-col items-center">
         <div className="w-full flex flex-col items-center gap-4 mb-6 px-4">

src/routes/mission/$missionId/-components/MissionResultView.tsx

@@ -56,8 +56,6 @@ export default function MissionResultView({
   );
   const latestAttemptUrl = missionData?.attempts?.[0]?.videoUrl;
 
-  console.log(selectedIndex);
-
   const handleDownload = async (url: string | undefined, filename: string) => {
     if (!url) return;
 
@@ -120,7 +118,7 @@ export default function MissionResultView({
         </div>
       </div>
 
-      <div className="flex items-center gap-4 pt-6">
+      <div className="flex items-center gap-4 pt-4">
         <div className="overflow-hidden w-full" ref={emblaRef}>
           <div className="flex items-center">
             <VideoComponent
@@ -135,7 +133,7 @@ export default function MissionResultView({
         </div>
       </div>
 
-      <div className="flex justify-center gap-4 px-4 py-6 pb-24">
+      <div className="flex justify-center gap-4 px-4 pb-6 mt-auto">
         {latestAttemptUrl && (
           <Button
             onClick={() =>

src/routes/mission/$missionId/failed/index.tsx

@@ -46,7 +46,7 @@ function MissionFailed() {
 
   return (
     <div className="fixed inset-0 flex flex-col h-full bg-neutral-900">
-      <MissionDetailHeader type="close" />
+      <MissionDetailHeader />
       <MissionResultView
         status="failed"
         missionData={currentMission}

src/routes/mission/$missionId/success/index.tsx

@@ -44,7 +44,7 @@ function MissionSuccess() {
 
   return (
     <div className="fixed inset-0 flex flex-col h-full bg-neutral-900">
-      <MissionDetailHeader type="close" />
+      <MissionDetailHeader />
       <MissionResultView status="success" missionData={currentMission} />
     </div>
   );