feat: 추앙받는 횟수가 적히도록

T1F5 · Apr 7, 2024 · 425f1a5 · 425f1a5
1 parent 67986fe
commit 425f1a5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/src/components/OthersDayBook.tsx b/src/components/OthersDayBook.tsx
@@ -47,7 +47,7 @@ const OthersWriting = () => {
       <Wrapper>
         {daybookData && <Card isDetail daybook={daybookData} />}
       </Wrapper>
-      <OthersWritingFooter />
+      <OthersWritingFooter id={Number(id)} />
     </>
   );
 };

diff --git a/src/components/OthersDayBookFooter.tsx b/src/components/OthersDayBookFooter.tsx
@@ -2,11 +2,15 @@ import styled from "@emotion/styled";
 import { colors } from "@theme";
 import { Link } from "react-router-dom";
 
-const OthersWritingFooter = () => {
+interface OthersWritingFooterProps {
+  id: number;
+}
+
+const OthersWritingFooter = ({ id }: OthersWritingFooterProps) => {
   return (
     <Footer>
       <div>
-        <Link to={"/write"}>나도 일지 작성하기</Link>
+        <Link to={`/write?id=${id}`}>나도 일지 작성하기</Link>
       </div>
     </Footer>
   );

diff --git a/src/pages/write/index.tsx b/src/pages/write/index.tsx
@@ -30,6 +30,7 @@ function Write() {
   const { isLoading, step, nextStep, previousStep } = useStep();
   const [searchParams] = useSearchParams();
   const query = searchParams.get("from");
+  const id = searchParams.get("id");
 
   const StepComponent = STEP_COMPONENTS[step];
   const { title, description, buttonText } = StepContentMap.get(
@@ -49,8 +50,17 @@ function Write() {
   };
 
   useEffect(() => {
-    setDaybook(RESET);
-  }, [setDaybook]);
+    if (!id) {
+      setDaybook(RESET);
+    } else {
+      setDaybook({
+        respectBoardId: Number(id),
+        content: '',
+        category: '',
+        hashtags: [],
+      })
+    }
+  }, [setDaybook, id]);
 
   if (isLoading) return <LoadingSpinner />;