From edf5ffc24483148a211a805653293a9d5549137b Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Mon, 9 Mar 2026 22:15:54 +0000
Subject: [PATCH] Added custom empty placeholder.

---
 src/App.jsx | 118 ++++++++++++++++++++++++++++------------------------
 1 file changed, 63 insertions(+), 55 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 48a5aad..8a7ca80 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -17,6 +17,7 @@ import {
   ElectronSpotlightContentPage
 } from './components/Dashboard/context/SpotlightContext.jsx'
 import { ActionsModalProvider } from './components/Dashboard/context/ActionsModalContext.jsx'
+import MissingPlaceholder from './components/Dashboard/common/MissingPlaceholder.jsx'
 
 import {
   ThemeProvider,
@@ -54,7 +55,14 @@ const AppContent = () => {
   const Router = getRouter()
 
   return (
-    <ConfigProvider theme={themeConfig}>
+    <ConfigProvider
+      theme={themeConfig}
+      renderEmpty={() => (
+        <div style={{ margin: '32px' }}>
+          <MissingPlaceholder message='No data.' hasBackground={false} />
+        </div>
+      )}
+    >
       <App>
         <Router>
           <ElectronProvider>
@@ -65,60 +73,60 @@ const AppContent = () => {
                     <NotificationProvider>
                       <SpotlightProvider>
                         <ActionsModalProvider>
-                        <Routes>
-                          <Route
-                            path='/dashboard/electron/spotlightcontent'
-                            element={
-                              <PrivateRoute
-                                component={() => (
-                                  <ElectronSpotlightContentPage />
-                                )}
-                              />
-                            }
-                          />
-                          <Route
-                            path='/'
-                            element={
-                              <PrivateRoute
-                                component={() => (
-                                  <Navigate
-                                    to='/dashboard/production/overview'
-                                    replace
-                                  />
-                                )}
-                              />
-                            }
-                          />
-                          <Route
-                            path='/auth/callback'
-                            element={<AuthCallback />}
-                          />
-                          <Route
-                            path='/email/notification'
-                            element={<EmailNotificationTemplate />}
-                          />
-                          <Route
-                            path='/dashboard'
-                            element={
-                              <PrivateRoute component={() => <Dashboard />} />
-                            }
-                          >
-                            {ProductionRoutes}
-                            {InventoryRoutes}
-                            {FinanceRoutes}
-                            {SalesRoutes}
-                            {ManagementRoutes}
-                            {DeveloperRoutes}
-                          </Route>
-                          <Route
-                            path='*'
-                            element={
-                              <AppError
-                                message='Error 404. Page not found.'
-                                showRefresh={false}
-                              />
-                            }
-                          />
+                          <Routes>
+                            <Route
+                              path='/dashboard/electron/spotlightcontent'
+                              element={
+                                <PrivateRoute
+                                  component={() => (
+                                    <ElectronSpotlightContentPage />
+                                  )}
+                                />
+                              }
+                            />
+                            <Route
+                              path='/'
+                              element={
+                                <PrivateRoute
+                                  component={() => (
+                                    <Navigate
+                                      to='/dashboard/production/overview'
+                                      replace
+                                    />
+                                  )}
+                                />
+                              }
+                            />
+                            <Route
+                              path='/auth/callback'
+                              element={<AuthCallback />}
+                            />
+                            <Route
+                              path='/email/notification'
+                              element={<EmailNotificationTemplate />}
+                            />
+                            <Route
+                              path='/dashboard'
+                              element={
+                                <PrivateRoute component={() => <Dashboard />} />
+                              }
+                            >
+                              {ProductionRoutes}
+                              {InventoryRoutes}
+                              {FinanceRoutes}
+                              {SalesRoutes}
+                              {ManagementRoutes}
+                              {DeveloperRoutes}
+                            </Route>
+                            <Route
+                              path='*'
+                              element={
+                                <AppError
+                                  message='Error 404. Page not found.'
+                                  showRefresh={false}
+                                />
+                              }
+                            />
                           </Routes>
                         </ActionsModalProvider>
                       </SpotlightProvider>