feat(getcloser): assign challenges

Author: daclouds

getcloser/frontend/src/app/page2/page.tsx

@@ -11,7 +11,7 @@ import Modal from '@/components/Modal';
 import Cookies from 'js-cookie';
 
 export default function Page2() {
-  const { id } = useFormStore();
+  const { id, setTeamId, setMemberIds } = useFormStore();
   const router = useRouter();
   const [inputs, setInputs] = useState<Array<{ id: string; displayName: string }>>(() => {
     const initialInputs = Array(5).fill({ id: '', displayName: '' });
@@ -130,6 +130,8 @@ export default function Page2() {
 
       const responseData = await response.json();
       console.log('Team creation successful:', responseData);
+      setTeamId(responseData.team_id); // Save team_id to store
+      setMemberIds(responseData.members_ids); // Save members_ids to store
       router.push('/page3'); // Navigate to page3 on success
     } catch (error: unknown) {
       console.error('Error creating team:', error);

getcloser/frontend/src/app/page3/page.tsx

@@ -6,12 +6,58 @@ import { Button } from '@/components/ui/button';
 import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
 import { useFormStore } from '../../store/formStore';
-import React from 'react';
+import React, { useEffect } from 'react'; // Import useEffect
 
 export default function Page3() {
-  const { question, answer, setAnswer } = useFormStore();
+  const { question, answer, setAnswer, id, teamId, memberIds } = useFormStore(); // Destructure new state
   const router = useRouter();
 
+  useEffect(() => {
+    const assignChallenges = async () => {
+      if (!teamId || !id || memberIds.length === 0) {
+        console.warn('Missing teamId, my_id, or memberIds for challenge assignment.');
+        return;
+      }
+
+      const requestBody = {
+        team_id: teamId,
+        my_id: id,
+        members_ids: memberIds,
+      };
+
+      console.log('Assign Challenges Request Body:', requestBody);
+
+      try {
+        const response = await fetch('/api/v1/challenge/assign-challenges', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify(requestBody),
+        });
+
+        if (!response.ok) {
+          const errorData = await response.json();
+          throw new Error(`HTTP error! status: ${response.status}, message: ${errorData.detail || response.statusText}`);
+        }
+
+        const responseData = await response.json();
+        console.log('Challenge assignment successful:', responseData);
+        // Here you might want to update the question in the store based on responseData
+        // setQuestion(responseData.challenge_question);
+      } catch (error: unknown) {
+        console.error('Error assigning challenges:', error);
+        let errorMessage = '알 수 없는 오류가 발생했습니다.';
+        if (error instanceof Error) {
+          errorMessage = error.message;
+        }
+        alert(`챌린지 할당에 실패했습니다: ${errorMessage}`);
+      }
+    };
+
+    assignChallenges();
+  }, [id, teamId, memberIds]); // Dependencies for useEffect
+
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     console.log('Question:', question, 'Answer:', answer);

getcloser/frontend/src/store/formStore.ts

@@ -5,19 +5,27 @@ interface FormState {
   id: string;
   question: string;
   answer: string;
+  teamId: string;
+  memberIds: string[];
   setEmail: (email: string) => void;
   setId: (id: string) => void;
   setQuestion: (question: string) => void;
   setAnswer: (answer: string) => void;
+  setTeamId: (teamId: string) => void;
+  setMemberIds: (memberIds: string[]) => void;
 }
 
 export const useFormStore = create<FormState>((set) => ({
   email: '',
   id: '',
   question: '',
   answer: '',
+  teamId: '',
+  memberIds: [],
   setEmail: (email) => set({ email }),
   setId: (id) => set({ id }),
   setQuestion: (question) => set({ question }),
   setAnswer: (answer) => set({ answer }),
+  setTeamId: (teamId) => set({ teamId }),
+  setMemberIds: (memberIds) => set({ memberIds }),
 }));