diff --git a/apps/frontend/src/features/applications/components/ApplicationTables/index.tsx b/apps/frontend/src/features/applications/components/ApplicationTables/index.tsx index 50598994..d614da96 100644 --- a/apps/frontend/src/features/applications/components/ApplicationTables/index.tsx +++ b/apps/frontend/src/features/applications/components/ApplicationTables/index.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { DataGrid, GridRowParams } from '@mui/x-data-grid'; import { useNavigate } from 'react-router-dom'; -import { Container, Typography, Stack } from '@mui/material'; +import { Container, Typography, Stack, Box } from '@mui/material'; import { ApplicationRow, @@ -20,12 +20,14 @@ import { useApplicationData } from '@shared/hooks/useApplicationData'; export function ApplicationTable() { const navigate = useNavigate(); const { token: accessToken } = useLoginContext(); - const { data } = useApplicationData(accessToken); + const { data, isLoading, error } = useApplicationData(accessToken); const [allRecruiters] = useState([]); const handleRowClick = (params: GridRowParams) => { navigate(`/applications/${params.row.userId}`); }; + const showEmpty = !isLoading && !error && data.length === 0; + return ( @@ -38,19 +40,38 @@ export function ApplicationTable() { Database | {getCurrentSemester()} {getCurrentYear()} Recruitment Cycle - + {showEmpty ? ( + + + There are no applications at this time + + + ) : ( + + )} ); } diff --git a/apps/frontend/src/features/applications/components/ApplicationTables/individualApplication.tsx b/apps/frontend/src/features/applications/components/ApplicationTables/individualApplication.tsx index ba9115e5..66dd213e 100644 --- a/apps/frontend/src/features/applications/components/ApplicationTables/individualApplication.tsx +++ b/apps/frontend/src/features/applications/components/ApplicationTables/individualApplication.tsx @@ -303,7 +303,9 @@ const IndividualApplicationDetails = ({ {isAdmin ? ( ) : ( @@ -514,4 +516,4 @@ const IndividualApplicationDetails = ({ ); }; -export default IndividualApplicationDetails; \ No newline at end of file +export default IndividualApplicationDetails;