Fix submission API calls - add /api prefix to match backend routes

client/src/pages/TutorialTasks.tsx

@@ -350,7 +350,7 @@ const TutorialTasks: React.FC = () => {
     try {
       setSubmitting({ ...submitting, [taskId]: true });
       const user = JSON.parse(localStorage.getItem('user') || '{}');
-      const response = await api.post('/submissions', {
+      const response = await api.post('/api/submissions', {
         sourceTextId: taskId,
         transcreation: translationText[taskId],
         groupNumber: selectedGroups[taskId],

client/src/pages/WeeklyPractice.tsx

@@ -807,28 +807,20 @@ const WeeklyPractice: React.FC = () => {
       setSubmitting({ ...submitting, [practiceId]: true });
       const token = localStorage.getItem('token');
       const user = JSON.parse(localStorage.getItem('user') || '{}');
-      const response = await fetch('/api/submissions', {
-        method: 'POST',
-        headers: {
-          'Authorization': `Bearer ${token}`,
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({
-          sourceTextId: practiceId,
-          transcreation: translationText[practiceId],
-          culturalAdaptations: [],
-          isAnonymous: anonymousSubmissions[practiceId] || false,
-          username: user.name || 'Unknown'
-        })
+      const response = await api.post('/api/submissions', {
+        sourceTextId: practiceId,
+        transcreation: translationText[practiceId],
+        culturalAdaptations: [],
+        isAnonymous: anonymousSubmissions[practiceId] || false,
+        username: user.name || 'Unknown'
       });
 
-      if (response.ok) {
-  
+      if (response.status === 201 || response.status === 200) {
+        console.log('✅ Translation submitted successfully');
         setTranslationText({ ...translationText, [practiceId]: '' });
         await fetchUserSubmissions(weeklyPractice);
       } else {
-        const error = await response.json();
-
+        console.error('❌ Submission failed:', response.data);
       }
     } catch (error) {
       console.error('Error submitting translation:', error);
@@ -851,25 +843,17 @@ const WeeklyPractice: React.FC = () => {
 
     try {
       const token = localStorage.getItem('token');
-      const response = await fetch(`/api/submissions/${editingSubmission.id}`, {
-        method: 'PUT',
-        headers: {
-          'Authorization': `Bearer ${token}`,
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({
-          transcreation: editSubmissionText
-        })
+      const response = await api.put(`/api/submissions/${editingSubmission.id}`, {
+        transcreation: editSubmissionText
       });
 
-      if (response.ok) {
-
+      if (response.status === 200) {
+        console.log('✅ Translation updated successfully');
         setEditingSubmission(null);
         setEditSubmissionText('');
         await fetchUserSubmissions(weeklyPractice);
       } else {
-        const error = await response.json();
-        
+        console.error('❌ Update failed:', response.data);
       }
     } catch (error) {
       console.error('Error updating translation:', error);
@@ -886,7 +870,7 @@ const WeeklyPractice: React.FC = () => {
 
 
     try {
-      const response = await api.delete(`/submissions/${submissionId}`);
+      const response = await api.delete(`/api/submissions/${submissionId}`);
 
       if (response.status === 200) {