completionId: cgen-b6ffd0ad2be94d22b1ddc4119306ca8b

cgen-b6ffd0ad2be94d22b1ddc4119306ca8b

client/components/onboarding/CreatorProfile.tsx

@@ -41,23 +41,25 @@ const SKILL_SUGGESTIONS = [
 
 export default function CreatorProfile({
   data,
-  onChange,
+  updateData,
-  onNext,
+  nextStep,
-  onPrev,
+  prevStep,
-  isTransitioning,
+  currentStep,
+  totalSteps,
 }: CreatorProfileProps) {
   const [inputValue, setInputValue] = useState("");
+  const creatorData = data.creatorProfile || { bio: "", skills: [], primaryArm: "" };
 
   const canProceed = useMemo(() => {
-    return data.primaryArm && data.skills.length > 0;
+    return creatorData.primaryArm && creatorData.skills.length > 0;
-  }, [data.primaryArm, data.skills.length]);
+  }, [creatorData.primaryArm, creatorData.skills.length]);
 
   const handleAddSkill = (skill: string) => {
-    if (!data.skills.includes(skill)) {
+    if (!creatorData.skills.includes(skill)) {
-      onChange({
+      updateData({
         creatorProfile: {
-          ...data,
+          ...creatorData,
-          skills: [...data.skills, skill],
+          skills: [...creatorData.skills, skill],
         },
       });
     }
@@ -65,27 +67,27 @@ export default function CreatorProfile({
   };
 
   const handleRemoveSkill = (skill: string) => {
-    onChange({
+    updateData({
       creatorProfile: {
-        ...data,
+        ...creatorData,
-        skills: data.skills.filter((s) => s !== skill),
+        skills: creatorData.skills.filter((s) => s !== skill),
       },
     });
   };
 
   const handleSelectArm = (armId: string) => {
-    onChange({
+    updateData({
       creatorProfile: {
-        ...data,
+        ...creatorData,
         primaryArm: armId,
       },
     });
   };
 
   const handleBioChange = (bio: string) => {
-    onChange({
+    updateData({
       creatorProfile: {
-        ...data,
+        ...creatorData,
         bio,
       },
     });