From b409cc8034bc13c319c0714956a9a7adc8aa0ef0 Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Wed, 1 Oct 2025 14:22:04 +0200
Subject: [PATCH] feat: add placeholder for empty change requests table
 (#10706)

---
 .../changeRequest/ChangeRequests/ChangeRequests.tsx    | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx b/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx
index 1d3de4735d..ee2556f95f 100644
--- a/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx
@@ -1,7 +1,8 @@
 import { useId, useMemo } from 'react';
+import { Box } from '@mui/material';
 import { PageContent } from 'component/common/PageContent/PageContent';
 import { PageHeader } from 'component/common/PageHeader/PageHeader';
-import { PaginatedTable } from 'component/common/Table';
+import { PaginatedTable, TablePlaceholder } from 'component/common/Table';
 import { createColumnHelper, useReactTable } from '@tanstack/react-table';
 import { TimeAgoCell } from 'component/common/Table/cells/TimeAgoCell/TimeAgoCell';
 import { ChangeRequestStatusCell } from 'component/changeRequest/ProjectChangeRequests/ChangeRequestsTabs/ChangeRequestStatusCell';
@@ -205,6 +206,13 @@ const ChangeRequestsInner = () => {
                 ref={bodyLoadingRef}
             >
                 <PaginatedTable tableInstance={table} totalItems={total} />
+                {data.length === 0 && !loading ? (
+                    <Box sx={(theme) => ({ padding: theme.spacing(1, 3, 3) })}>
+                        <TablePlaceholder>
+                            No change requests found.
+                        </TablePlaceholder>
+                    </Box>
+                ) : null}
             </div>
         </PageContent>
     );