Show overview whilst disconnected.

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'

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'

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'

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'