From 49a8bb3a6d3b540120347e0f75b822fa2829b22c Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 1 Mar 2026 19:37:45 +0000
Subject: [PATCH] Show overview whilst disconnected.

---
 src/components/Dashboard/Finance/FinanceOverview.jsx     | 9 ---------
 src/components/Dashboard/Inventory/InventoryOverview.jsx | 9 ---------
 .../Dashboard/Production/ProductionOverview.jsx          | 9 ---------
 src/components/Dashboard/Sales/SalesOverview.jsx         | 9 ---------
 4 files changed, 36 deletions(-)

diff --git a/src/components/Dashboard/Finance/FinanceOverview.jsx b/src/components/Dashboard/Finance/FinanceOverview.jsx
index 0e6be74..60f7089 100644
--- a/src/components/Dashboard/Finance/FinanceOverview.jsx
+++ b/src/components/Dashboard/Finance/FinanceOverview.jsx
@@ -1,15 +1,10 @@
-import { useContext } from 'react'
 import { Flex } from 'antd'
 import useCollapseState from '../hooks/useCollapseState'
 import StatsDisplay from '../common/StatsDisplay'
 import InfoCollapse from '../common/InfoCollapse'
 import ScrollBox from '../common/ScrollBox'
 
-import { ApiServerContext } from '../context/ApiServerContext'
-
 const FinanceOverview = () => {
-  const { connected } = useContext(ApiServerContext)
-
   const [collapseState, updateCollapseState] = useCollapseState(
     'FinanceOverview',
     {
@@ -18,10 +13,6 @@ const FinanceOverview = () => {
     }
   )
 
-  if (!connected) {
-    return null
-  }
-
   return (
     <Flex
       gap='large'
diff --git a/src/components/Dashboard/Inventory/InventoryOverview.jsx b/src/components/Dashboard/Inventory/InventoryOverview.jsx
index 31f67c4..2edbe6a 100644
--- a/src/components/Dashboard/Inventory/InventoryOverview.jsx
+++ b/src/components/Dashboard/Inventory/InventoryOverview.jsx
@@ -1,15 +1,10 @@
-import { useContext } from 'react'
 import { Flex } from 'antd'
 import useCollapseState from '../hooks/useCollapseState'
 import StatsDisplay from '../common/StatsDisplay'
 import InfoCollapse from '../common/InfoCollapse'
 import ScrollBox from '../common/ScrollBox'
 
-import { ApiServerContext } from '../context/ApiServerContext'
-
 const InventoryOverview = () => {
-  const { connected } = useContext(ApiServerContext)
-
   const [collapseState, updateCollapseState] = useCollapseState(
     'InventoryOverview',
     {
@@ -18,10 +13,6 @@ const InventoryOverview = () => {
     }
   )
 
-  if (!connected) {
-    return null
-  }
-
   return (
     <Flex
       gap='large'
diff --git a/src/components/Dashboard/Production/ProductionOverview.jsx b/src/components/Dashboard/Production/ProductionOverview.jsx
index 08ca10c..03c44bd 100644
--- a/src/components/Dashboard/Production/ProductionOverview.jsx
+++ b/src/components/Dashboard/Production/ProductionOverview.jsx
@@ -1,17 +1,12 @@
-import { useContext } from 'react'
 import { Flex } from 'antd'
 import useCollapseState from '../hooks/useCollapseState.jsx'
 import StatsDisplay from '../common/StatsDisplay'
 import HistoryDisplay from '../common/HistoryDisplay'
 import InfoCollapse from '../common/InfoCollapse'
 import ScrollBox from '../common/ScrollBox'
-
-import { ApiServerContext } from '../context/ApiServerContext'
 import ObjectTable from '../common/ObjectTable'
 
 const ProductionOverview = () => {
-  const { connected } = useContext(ApiServerContext)
-
   const [collapseState, updateCollapseState] = useCollapseState(
     'ProductionOverview',
     {
@@ -24,10 +19,6 @@ const ProductionOverview = () => {
     }
   )
 
-  if (!connected) {
-    return null
-  }
-
   return (
     <Flex
       gap='large'
diff --git a/src/components/Dashboard/Sales/SalesOverview.jsx b/src/components/Dashboard/Sales/SalesOverview.jsx
index 76b83b7..0981fa7 100644
--- a/src/components/Dashboard/Sales/SalesOverview.jsx
+++ b/src/components/Dashboard/Sales/SalesOverview.jsx
@@ -1,15 +1,10 @@
-import { useContext } from 'react'
 import { Flex } from 'antd'
 import useCollapseState from '../hooks/useCollapseState'
 import StatsDisplay from '../common/StatsDisplay'
 import InfoCollapse from '../common/InfoCollapse'
 import ScrollBox from '../common/ScrollBox'
 
-import { ApiServerContext } from '../context/ApiServerContext'
-
 const SalesOverview = () => {
-  const { connected } = useContext(ApiServerContext)
-
   const [collapseState, updateCollapseState] = useCollapseState(
     'SalesOverview',
     {
@@ -18,10 +13,6 @@ const SalesOverview = () => {
     }
   )
 
-  if (!connected) {
-    return null
-  }
-
   return (
     <Flex
       gap='large'