UI: #24 상태 추가 모달 적용

GU-99 · Jun 26, 2024 · a2a04e0 · a2a04e0
1 parent 955dcf0
commit a2a04e0
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/layouts/page/ProjectLayout.tsx b/src/layouts/page/ProjectLayout.tsx
@@ -7,6 +7,7 @@ import ListProject from '@components/sidebar/ListProject';
 
 import ModalPortal from '@components/common/ModalPortal';
 import ModalLayout from '@layouts/ModalLayout';
+import ModalTodoStatus from '@components/modal/ModalTodoStatus';
 
 const dummy = {
   teamName: '김찌와 소주',
@@ -24,6 +25,17 @@ const dummy = {
   ],
 };
 
+const dummyColor = {
+  proejctId: 1,
+  state: [
+    { statusId: 1, name: 'To Do', color: '#c83c00' },
+    { statusId: 2, name: 'In Progress', color: '#dab700' },
+    { statusId: 3, name: 'Done', color: '#237700' },
+    { statusId: 4, name: 'Ready', color: '#2dd4bf' },
+    { statusId: 4, name: '보류', color: '#2dd4bf' },
+  ],
+};
+
 export default function ProjectLayout() {
   const { projectId } = useParams();
   const [showStateModal, setShowStateModal] = useState(false);
@@ -71,7 +83,9 @@ export default function ProjectLayout() {
       </section>
       {showStateModal && (
         <ModalPortal>
-          <ModalLayout onClose={() => setShowStateModal(false)} />
+          <ModalLayout onClose={() => setShowStateModal(false)}>
+            <ModalTodoStatus onClose={() => setShowStateModal(false)} todoStatus={dummyColor.state} />
+          </ModalLayout>
         </ModalPortal>
       )}
     </>