Fixing MessageGroupsTable.js service and util imports.

diff --git a/src/app/components/MessageGroupsTable.js b/src/app/components/MessageGroupsTable.js
index e962ad0b7a705fdfc72e925383e257c842703b2a..568b1bb7c043dfae87197ade91158d63e58cfdce 100644 (file)
--- a/src/app/components/MessageGroupsTable.js
+++ b/src/app/components/MessageGroupsTable.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 { messageGroupService } from '../services';
-import { formatDate } from '../utils';
+import { MessageGroupService } from '../services';
+import { getFormattedDate } from '../utils';
 
 const MessageGroupsTable = () => {
   const { enqueueSnackbar } = useSnackbar();
@@ -19,7 +19,7 @@ const MessageGroupsTable = () => {
   React.useEffect(() => {
     const fetchMessageGroups = async () => {
       try {
-        const response = await messageGroupService.getMessageGroups();
+        const response = await MessageGroupService.getMessageGroups();
         setMessageGroups(response.data);
       } catch (error) {
         enqueueSnackbar(`Error fetching message groups: ${error.message}`, { variant: 'error' });
@@ -48,7 +48,7 @@ const MessageGroupsTable = () => {
       accessorKey: 'created_at',
       header: 'Created At',
       size: 150,
-      Cell: ({ cell }) => formatDate(cell.getValue()),
+      Cell: ({ cell }) => getFormattedDate(cell.getValue()),
     },
     {
       accessorKey: 'id',