From 687d9a40c93787e600600992a02bdb77e633a3c3 Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Sun, 19 Oct 2025 16:24:37 +0200
Subject: [PATCH] add lazy loading for components

---
 .../src/components/loading/LazyLoader.tsx     | 20 +++++++++++++++++++
 interface/src/components/loading/index.ts     |  1 +
 2 files changed, 21 insertions(+)
 create mode 100644 interface/src/components/loading/LazyLoader.tsx

diff --git a/interface/src/components/loading/LazyLoader.tsx b/interface/src/components/loading/LazyLoader.tsx
new file mode 100644
index 000000000..d21e0a147
--- /dev/null
+++ b/interface/src/components/loading/LazyLoader.tsx
@@ -0,0 +1,20 @@
+import { Box, CircularProgress } from '@mui/material';
+
+const LazyLoader = () => (
+  <Box
+    display="flex"
+    justifyContent="center"
+    alignItems="center"
+    minHeight="200px"
+    sx={{
+      backgroundColor: 'background.default',
+      borderRadius: 1,
+      border: '1px solid',
+      borderColor: 'divider'
+    }}
+  >
+    <CircularProgress size={40} />
+  </Box>
+);
+
+export default LazyLoader;
diff --git a/interface/src/components/loading/index.ts b/interface/src/components/loading/index.ts
index 76041e14b..83aa1ddf0 100644
--- a/interface/src/components/loading/index.ts
+++ b/interface/src/components/loading/index.ts
@@ -1,2 +1,3 @@
 export { default as LoadingSpinner } from './LoadingSpinner';
 export { default as FormLoader } from './FormLoader';
+export { default as LazyLoader } from './LazyLoader';