commit 94fe53e94a0131a29bbd83add7b88497c97ad303
author simon <tran.simon2@gmail.com> Thu Nov 10 12:51:58 2022 -0500
committer simon <tran.simon2@gmail.com> Fri Nov 11 15:08:13 2022 -0500
tree 6a0a9206c99c388abd4b26c96d53d08c94c13484
parent b8d1fa68ed191b6e869da1303357702cbe7211ea

Replace fetch with Axios in client

Replace `.then` with await syntax where possible.

GitLab: #142
Change-Id: I6c132f49f152afa7e20919a1c70c539f2ad54878

client/src/pages/AddContactPage.tsx

diff --git a/client/src/pages/AddContactPage.tsx b/client/src/pages/AddContactPage.tsx
index 2c2bfb2..442b405 100644
--- a/client/src/pages/AddContactPage.tsx
+++ b/client/src/pages/AddContactPage.tsx
@@ -17,40 +17,29 @@
  */
 import GroupAddRounded from '@mui/icons-material/GroupAddRounded';
 import { Box, Card, CardContent, Container, Fab, Typography } from '@mui/material';
+import { Trans } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
 import { useAuthContext } from '../contexts/AuthProvider';
 import { setRefreshFromSlice } from '../redux/appSlice';
 import { useAppDispatch } from '../redux/hooks';
-import { apiUrl } from '../utils/constants';
 
 type AddContactPageProps = {
   contactId: string;
 };
 
 export default function AddContactPage({ contactId }: AddContactPageProps) {
-  const { token } = useAuthContext();
+  const { axiosInstance } = useAuthContext();
   const navigate = useNavigate();
 
   const dispatch = useAppDispatch();
 
   const handleClick = async () => {
-    const response = await fetch(new URL(`/conversations`, apiUrl), {
-      method: 'POST',
-      headers: {
-        Accept: 'application/json',
-        Authorization: `Bearer ${token}`,
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({ members: [contactId] }),
-    }).then((res) => {
-      dispatch(setRefreshFromSlice());
-      return res.json();
-    });
+    const { data } = await axiosInstance.put(`/contacts/${contactId}`);
+    dispatch(setRefreshFromSlice());
 
-    console.log(response);
-    if (response.conversationId) {
-      navigate(`/conversation/${response.conversationId}`);
+    if (data.conversationId) {
+      navigate(`/conversation/${data.conversationId}`);
     }
   };
 
@@ -63,7 +52,7 @@
           <Box style={{ textAlign: 'center', marginTop: 16 }}>
             <Fab variant="extended" color="primary" onClick={handleClick}>
               <GroupAddRounded />
-              Add contact
+              <Trans key="conversation_add_contact" />
             </Fab>
           </Box>
         </CardContent>