[#32] props 구조 변경 적용

primus-teoSprint · Apr 7, 2024 · 3c8e654 · 3c8e654
1 parent dac38a3
commit 3c8e654
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/app/(route)/verification/ibulsin/_components/Step1/index.tsx b/app/(route)/verification/ibulsin/_components/Step1/index.tsx
@@ -4,8 +4,15 @@ import React from 'react'
 import style from './index.module.css'
 import Link from 'next/link'
 import Textarea from '../Textarea'
+import { ibulsinVariants } from '@/app/_constants/ibulsin'
+import {
+  outlineTextareaAtom,
+  whyTextareaAtom,
+} from '@/app/_store/ibulsin/textarea'
 
 function Step1() {
+  const { outline, why } = ibulsinVariants
+
   return (
     <div className={style.main_container}>
       <div className={style.step_info}>
@@ -23,14 +30,14 @@ function Step1() {
             생각한 아이디어를 자유롭게 작성해봐요! 이곳에서는 오로지
             아이디어에만 집중해요.
           </p>
-          <Textarea fieldKey={'outline'} />
+          <Textarea fieldKey={outline} atom={outlineTextareaAtom} />
         </div>
         <div className={style.input_container}>
           <h3 className={style.input_title}>생각하게 된 배경</h3>
           <p className={style.input_explain}>
             해당 아이디어를 어떻게 생각하게 되었나요?
           </p>
-          <Textarea fieldKey={'why'} />
+          <Textarea fieldKey={why} atom={whyTextareaAtom} />
         </div>
         <div className={style.direction_btns}>
           <Link

diff --git a/app/(route)/verification/ibulsin/_components/Step2/index.tsx b/app/(route)/verification/ibulsin/_components/Step2/index.tsx
@@ -5,8 +5,15 @@ import S from './index.module.css'
 import Link from 'next/link'
 import Textarea from '../Textarea'
 import MoreExplainBtn from '../MoreExplainBtn'
+import { ibulsinVariants } from '@/app/_constants/ibulsin'
+import {
+  XYZTextareaAtom,
+  marketResponseTextareaAtom,
+} from '@/app/_store/ibulsin/textarea'
 
 function Step2() {
+  const { marketResponse, XYZ } = ibulsinVariants
+
   return (
     <div className={S.main_container}>
       <div className={S.step_info}>
@@ -28,7 +35,10 @@ function Step2() {
             아이디어를 어떻게 받아들일지에 대한 우리의 핵심 신념이나 가정을
             얘기해요.
           </p>
-          <Textarea fieldKey={'marketResponse'} />
+          <Textarea
+            fieldKey={marketResponse}
+            atom={marketResponseTextareaAtom}
+          />
         </div>
         <div className={S.input_container}>
           <div className={S.input_title_container}>
@@ -39,7 +49,7 @@ function Step2() {
             적어도 X퍼센트의 Y는 Z 할 것이다 라는 형태의 가설이에요. 시장호응
             가설을 바탕으로 숫자로 치환에 좀 더 치밀하게 하는 도구예요
           </p>
-          <Textarea fieldKey={'XYZ'} />
+          <Textarea fieldKey={XYZ} atom={XYZTextareaAtom} />
         </div>
         <div className={S.direction_btns}>
           <Link className={S.prev_btn} href={'/verification/ibulsin?step=1'}>