+
+
+ );
+}
diff --git a/src/app/(main)/setting/profile/page.tsx b/src/app/(main)/setting/profile/page.tsx
index 59cb42d..02ff2ad 100644
--- a/src/app/(main)/setting/profile/page.tsx
+++ b/src/app/(main)/setting/profile/page.tsx
@@ -1,8 +1,53 @@
+"use client";
+
+import { useAuthStore } from "@/store/useAuthStore";
import CategorySelector from "@/components/base-ui/Settings/EditProfile/CategorySelector";
import ProfileImageSection from "@/components/base-ui/Settings/EditProfile/ProfileImageSection";
import SettingsDetailLayout from "@/components/base-ui/Settings/SettingsDetailLayout";
+import { useState, useEffect } from "react";
+import toast from "react-hot-toast";
export default function ProfileEditPage() {
+ const { user } = useAuthStore();
+ const [nickname, setNickname] = useState(user?.nickname || "");
+ const [intro, setIntro] = useState(user?.description || "");
+ const [name, setName] = useState(user?.nickname || ""); // Assuming nickname is used for name if not separate
+ const [phone, setPhone] = useState("");
+ const [selectedCategories, setSelectedCategories] = useState
-
- {/* 소개, 이름, 전화번호 (반복 패턴) */}
- {["소개", "이름", "전화번호"].map((label) => (
-
@@ -28,43 +77,69 @@ export default function ProfileEditPage() {
setNickname(e.target.value)}
placeholder="변경할 닉네임을 입력해주세요"
/>
-
-
-
-
-
+ {/* 소개 */}
+
+
+
+
+ {/* 이름 */}
+
+ setIntro(e.target.value)}
+ placeholder="20자 이내로 작성해주세요"
+ />
- ))}
+
+
+
-
+ setName(e.target.value)}
+ placeholder="이름을 입력해주세요"
+ />
+
+
+
+
+
+
+ setPhone(e.target.value)}
+ placeholder="010-0000-0000"
+ />
+
+