Adding authentication, media, and messaging.

diff --git a/src/app/components/MediaTable.js b/src/app/components/MediaTable.js
index b1faff223c0a2a32ea8b5afddf9a903cd4b7ecb1..12c2c3dfc1c78dafa635c061a66b86254ba2f7ea 100644 (file)
--- a/src/app/components/MediaTable.js
+++ b/src/app/components/MediaTable.js
@@ -7,8 +7,8 @@ import { MaterialReactTable } from 'material-react-table';
 import { Button } from '@mui/material';
 import { useSnackbar } from 'notistack';
 import { useNavigate } from 'react-router-dom';
-import { mediaService } from '../services';
-import { formatDate } from '../utils';
+import { MediaService } from '../services';
+import { getFormattedDate } from '../utils';
 
 const MediaTable = () => {
   const { enqueueSnackbar } = useSnackbar();
@@ -19,7 +19,7 @@ const MediaTable = () => {
   React.useEffect(() => {
     const fetchMedia = async () => {
       try {
-        const response = await mediaService.getMedia();
+        const response = await MediaService.getMedia();
         setMediaItems(response.data);
       } catch (error) {
         enqueueSnackbar(`Error fetching media: ${error.message}`, { variant: 'error' });
@@ -58,7 +58,7 @@ const MediaTable = () => {
       accessorKey: 'created_at',
       header: 'Created At',
       size: 150,
-      Cell: ({ cell }) => formatDate(cell.getValue()),
+      Cell: ({ cell }) => getFormattedDate(cell.getValue()),
     },
   ], []);
 

diff --git a/src/app/components/MessageForm.js b/src/app/components/MessageForm.js
index dbc2f00db712bee0224bf53751e2e3ecee114f8b..a99208bef3b182e2d457790e72f5faaf3c76bcb2 100644 (file)
--- a/src/app/components/MessageForm.js
+++ b/src/app/components/MessageForm.js
@@ -9,7 +9,7 @@ import * as yup from 'yup';
 import { TextField, Button } from '@mui/material';
 import { useSnackbar } from 'notistack';
 import { useNavigate } from 'react-router-dom';
-import { messageService } from '../services';
+import { MessageService } from '../services';
 
 const schema = yup.object({
   recipient_id: yup.number().nullable().when('group_id', {
@@ -32,7 +32,7 @@ const MessageForm = () => {
 
   const onSubmit = async (data) => {
     try {
-      await messageService.createMessage(data);
+      await MessageService.createMessage(data);
       enqueueSnackbar('Message created successfully', { variant: 'success' });
       navigate('/messages');
     } catch (error) {

diff --git a/src/app/components/MessageGroupMembersTable.js b/src/app/components/MessageGroupMembersTable.js
index 8fe0c52a06d9fad4ef9fffe2e61600b1b87e78c0..dc53f5ca9f78b8167a61d6ec2b0a0283792db269 100644 (file)
--- a/src/app/components/MessageGroupMembersTable.js
+++ b/src/app/components/MessageGroupMembersTable.js
@@ -7,7 +7,7 @@ import { MaterialReactTable } from 'material-react-table';
 import { Button } from '@mui/material';
 import { useSnackbar } from 'notistack';
 import { useParams, useNavigate } from 'react-router-dom';
-import { messageGroupMembersService } from '../services';
+import { MessageGroupMembersService } from '../services';
 
 const MessageGroupMembersTable = () => {
   const { group_id } = useParams();
@@ -19,7 +19,7 @@ const MessageGroupMembersTable = () => {
   React.useEffect(() => {
     const fetchMembers = async () => {
       try {
-        const response = await messageGroupMembersService.getMembersByGroupId(group_id);
+        const response = await MessageGroupMembersService.getMembersByGroupId(group_id);
         setMembers(response.data);
       } catch (error) {
         enqueueSnackbar(`Error fetching group members: ${error.message}`, { variant: 'error' });
@@ -31,7 +31,7 @@ const MessageGroupMembersTable = () => {
   // Remove member
   const handleRemoveMember = async (user_id) => {
     try {
-      await messageGroupMembersService.removeMember({ user_id, group_id });
+      await MessageGroupMembersService.removeMember({ user_id, group_id });
       setMembers(members.filter(member => member.user_id !== user_id));
       enqueueSnackbar('Member removed successfully', { variant: 'success' });
     } catch (error) {

diff --git a/src/app/components/MessagesTable.js b/src/app/components/MessagesTable.js
index f76ba74bfff33ee691d31a47ce68f3596772956c..9542c15c88c451626b2bb5d4acf3b552dc309ae9 100644 (file)
--- a/src/app/components/MessagesTable.js
+++ b/src/app/components/MessagesTable.js
@@ -8,8 +8,8 @@ import { Button, IconButton } from '@mui/material';
 import { MarkEmailRead } from '@mui/icons-material';
 import { useSnackbar } from 'notistack';
 import { useNavigate } from 'react-router-dom';
-import { messageService } from '../services';
-import { formatDate } from '../utils';
+import { MessageService } from '../services';
+import { getFormattedDate } from '../utils';
 
 const MessagesTable = ({ groupId, recipientId }) => {
   const { enqueueSnackbar } = useSnackbar();
@@ -22,11 +22,11 @@ const MessagesTable = ({ groupId, recipientId }) => {
       try {
         let response;
         if (groupId) {
-          response = await messageService.getMessagesByGroupId(groupId);
+          response = await MessageService.getMessagesByGroupId(groupId);
         } else if (recipientId) {
-          response = await messageService.getMessagesByRecipientId(recipientId);
+          response = await MessageService.getMessagesByRecipientId(recipientId);
         } else {
-          response = await messageService.getMessages();
+          response = await MessageService.getMessages();
         }
         setMessages(response.data);
       } catch (error) {
@@ -39,7 +39,7 @@ const MessagesTable = ({ groupId, recipientId }) => {
   // Mark message as read
   const handleMarkAsRead = async (messageId) => {
     try {
-      const response = await messageService.markMessageAsRead(messageId);
+      const response = await MessageService.markMessageAsRead(messageId);
       setMessages(messages.map(msg => msg.id === messageId ? response.data : msg));
       enqueueSnackbar('Message marked as read', { variant: 'success' });
     } catch (error) {
@@ -68,13 +68,13 @@ const MessagesTable = ({ groupId, recipientId }) => {
       accessorKey: 'read_at',
       header: 'Read At',
       size: 150,
-      Cell: ({ cell }) => formatDate(cell.getValue()),
+      Cell: ({ cell }) => getFormattedDate(cell.getValue()),
     },
     {
       accessorKey: 'created_at',
       header: 'Created At',
       size: 150,
-      Cell: ({ cell }) => formatDate(cell.getValue()),
+      Cell: ({ cell }) => getFormattedDate(cell.getValue()),
     },
     {
       accessorKey: 'id',

diff --git a/src/app/components/PostsTable.js b/src/app/components/PostsTable.js
index e344a0429ced9524e428ede387b97c106e0b8637..5adcf499d254317060e87f3b37f58002022130c9 100644 (file)
--- a/src/app/components/PostsTable.js
+++ b/src/app/components/PostsTable.js
@@ -7,8 +7,8 @@ import { MaterialReactTable } from 'material-react-table';
 import { Button } from '@mui/material';
 import { useSnackbar } from 'notistack';
 import { useNavigate } from 'react-router-dom';
-import { postService } from '../services';
-import { formatDate } from '../utils';
+import { PostService } from '../services';
+import { getFormattedDate } from '../utils';
 
 const PostsTable = () => {
   const { enqueueSnackbar } = useSnackbar();
@@ -19,7 +19,7 @@ const PostsTable = () => {
   React.useEffect(() => {
     const fetchPosts = async () => {
       try {
-        const response = await postService.getPosts();
+        const response = await PostService.getPosts();
         setPosts(response.data);
       } catch (error) {
         enqueueSnackbar(`Error fetching posts: ${error.message}`, { variant: 'error' });
@@ -63,7 +63,7 @@ const PostsTable = () => {
       accessorKey: 'created_at',
       header: 'Created At',
       size: 150,
-      Cell: ({ cell }) => formatDate(cell.getValue()),
+      Cell: ({ cell }) => getFormattedDate(cell.getValue()),
     },
   ], []);