{
containerClassName: string;
labelClassName: string;
textareaClassName: string;
+ spanClassName: string;
}
const Textarea = ({
label,
+ required,
containerClassName,
labelClassName,
textareaClassName,
+ spanClassName,
...props
}: TextareaProps) => {
return (
-
-
+
+
);
};
diff --git a/src/components/modal/create-task/CreateTaskModal.tsx b/src/components/modal/create-task/CreateTaskModal.tsx
index aa3ae6f..1c2c4fb 100644
--- a/src/components/modal/create-task/CreateTaskModal.tsx
+++ b/src/components/modal/create-task/CreateTaskModal.tsx
@@ -1,6 +1,12 @@
import { useState } from "react";
+import Image from "next/image";
import Modal from "@/components/common/modal/Modal";
import TagInput from "@/components/common/input/TagInput";
+import Input from "@/components/common/input/Input";
+import DateInput from "@/components/common/input/DateInput";
+import ImageInput from "@/components/common/input/ImageInput";
+import Textarea from "@/components/common/textarea/Textarea";
+import dropdownIcon from "../../../../public/icon/dropdown_icon.svg";
export default function CreateDashboardModal() {
// 해당 폼이 유효성 검사 후 제출 가능해질 때 해당 state 값이 true가 되도록 하기
@@ -8,6 +14,10 @@ export default function CreateDashboardModal() {
// TagInput 컴포넌트에 전달할 state
const [tags, setTags] = useState
([]);
+ const [selectedManager, setSelectedManager] = useState(null);
+ const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+
+ const managers = ["김경민", "노현지", "이아름", "이재혁", "임지혜"];
// 활성화된 모달 버튼 클릭 시 실행할 함수
const buttonClick = () => {
@@ -22,9 +32,51 @@ export default function CreateDashboardModal() {
disabled: !isFormValid,
}}
>
-
- {/* 아래는 임시로 넣어본 TagInput 코드입니다 */}
+
+
+
+
+
+
+ {isDropdownOpen && (
+
+ {managers.map((manager) => (
+ - {
+ setSelectedManager(manager);
+ setIsDropdownOpen(false);
+ }}
+ >
+ {manager}
+
+ ))}
+
+ )}
+
+
+
+
);