From 8b6dbff9ff9e1df548e989cbef798085c49f7de0 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sat, 27 Dec 2025 13:54:31 +0000
Subject: [PATCH] Add Purchase Order Statistics section to InventoryOverview
 component

- Introduced a new collapsible section for Purchase Order Statistics.
- Updated collapse state management to include purchaseOrderStats.
- Integrated StatsDisplay component to show relevant purchase order data.
---
 .../Dashboard/Inventory/InventoryOverview.jsx | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/components/Dashboard/Inventory/InventoryOverview.jsx b/src/components/Dashboard/Inventory/InventoryOverview.jsx
index 8d93f7e..358cf09 100644
--- a/src/components/Dashboard/Inventory/InventoryOverview.jsx
+++ b/src/components/Dashboard/Inventory/InventoryOverview.jsx
@@ -13,7 +13,8 @@ const InventoryOverview = () => {
   const [collapseState, updateCollapseState] = useCollapseState(
     'InventoryOverview',
     {
-      inventoryStats: true
+      inventoryStats: true,
+      purchaseOrderStats: true
     }
   )
 
@@ -55,6 +56,27 @@ const InventoryOverview = () => {
             </Flex>
           </InfoCollapse>
 
+          <InfoCollapse
+            title='Purchase Order Statistics'
+            icon={null}
+            canCollapse={false}
+            active={collapseState.purchaseOrderStats}
+            onToggle={(isActive) =>
+              updateCollapseState('purchaseOrderStats', isActive)
+            }
+            className='no-t-padding-collapse'
+            collapseKey='purchaseOrderStats'
+          >
+            <Flex
+              justify='flex-start'
+              gap='middle'
+              wrap='wrap'
+              align='flex-start'
+            >
+              <StatsDisplay objectType='purchaseOrder' />
+            </Flex>
+          </InfoCollapse>
+
           <Flex gap='large' wrap='wrap'>
             <Flex flex={1} vertical style={{ minWidth: '300px' }}>
               <InfoCollapse