From e688bd891d4279334834bcba323ff4529bf2409c Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 31 Aug 2025 21:30:08 +0100
Subject: [PATCH] Added reusable component for a missing placeholder.

---
 .../Dashboard/common/MissingPlaceholder.jsx   | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/components/Dashboard/common/MissingPlaceholder.jsx

diff --git a/src/components/Dashboard/common/MissingPlaceholder.jsx b/src/components/Dashboard/common/MissingPlaceholder.jsx
new file mode 100644
index 0000000..3d6dd08
--- /dev/null
+++ b/src/components/Dashboard/common/MissingPlaceholder.jsx
@@ -0,0 +1,29 @@
+import { Card, Flex, Typography } from 'antd'
+import InfoCircleIcon from '../../Icons/InfoCircleIcon'
+import PropTypes from 'prop-types'
+
+const { Text } = Typography
+
+const MissingPlaceholder = ({ message }) => {
+  return (
+    <Card size='small'>
+      <Flex
+        justify='center'
+        gap={'small'}
+        style={{ height: '100%' }}
+        align='center'
+      >
+        <Text type='secondary'>
+          <InfoCircleIcon />
+        </Text>
+        <Text type='secondary'>{message}</Text>
+      </Flex>
+    </Card>
+  )
+}
+
+MissingPlaceholder.propTypes = {
+  message: PropTypes.string.isRequired
+}
+
+export default MissingPlaceholder