tsk-6: Send Message (#22)

Closes #6

Reviewed-on: phoenix/textsender#22
Co-authored-by: phoenix <kundeng00@pm.me>
Co-committed-by: phoenix <kundeng00@pm.me>

src/components/ViewSentMessages.jsx

@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback } from 'react';
 
-import { API_BASE_URL } from '../constants/api';
-import { DATA_KEY_ACCESS_TOKEN, DATA_KEY_USER_ID } from '../constants/app';
+import { tokenService } from '../services/TokenService';
+import { messageEventResponseApi } from '../api/messageEventResponseApi';
 
 import './ViewSentMessages.css';
 
@@ -22,43 +22,19 @@ const ViewSentMessages = ({
       setLoading(true);
       setError(null);
 
-      const accessToken = localStorage.getItem(DATA_KEY_ACCESS_TOKEN);
-      const userId = localStorage.getItem(DATA_KEY_USER_ID);
+      const userId = tokenService.getUserId();
+      const response =
+        await messageEventResponseApi.getMessageEventResponsesByUserId(
+          userId,
+          tokenService.bearerToken()
+        );
 
-      if (!accessToken) {
-        throw new Error('Authentication required. Please log in again.');
-      }
-
-      const response = await fetch(
-        `${API_BASE_URL}/api/v1/schedule/message/event/response?user_id=${userId}`,
-        {
-          method: 'GET',
-          headers: {
-            'Content-Type': 'application/json',
-            Authorization: `Bearer ${accessToken}`,
-          },
-        }
-      );
-
-      if (!response.ok) {
-        if (response.status === 401) {
-          throw new Error('Session expired. Please log in again.');
-        } else if (response.status === 404) {
-          console.log('No messages sent associated with user');
-          setLoading(false);
-          return;
-        } else {
-          throw new Error(`Failed to fetch sent messages: ${response.status}`);
-        }
-      }
-
-      const result = await response.json();
-
-      if (result.data) {
+      if (response) {
         setLastUpdated(new Date());
-        setSentMessages(result.data);
+        setSentMessages(response.data);
       } else {
-        throw new Error(result.message || 'Failed to load sent messages');
+        setLoading(false);
+        throw new Error(response.message || 'Failed to load sent messages');
       }
     } catch (err) {
       setError(err.message || 'Failed to load sent messages.');