From 8438757db536506fd83a332a93b6ac995e79ad6d Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sat, 5 Sep 2026 01:59:30 +0100
Subject: [PATCH] Refactor Invoices Component for Improved Readability and
 Structure

- Streamlined the JSX structure in the Invoices component for better readability.
- Removed unnecessary line breaks and adjusted indentation for consistent formatting.
- Enhanced the organization of child components within the ObjectListViewProvider for clearer hierarchy.
---
 src/components/Dashboard/Finance/Invoices.jsx | 26 +++++++------------
 1 file changed, 10 insertions(+), 16 deletions(-)

diff --git a/src/components/Dashboard/Finance/Invoices.jsx b/src/components/Dashboard/Finance/Invoices.jsx
index 7bb8bcfe..fb716014 100644
--- a/src/components/Dashboard/Finance/Invoices.jsx
+++ b/src/components/Dashboard/Finance/Invoices.jsx
@@ -26,15 +26,11 @@ const Invoices = () => {
   const [showSortSidebar, setShowSortSidebar] =
     useSortSidebarVisibility('Invoices')
 
-
   return (
-    <ObjectListViewProvider
-      objectType='invoice'
-      tableRef={tableRef}
-    >
-<Flex vertical={'true'} gap='large' className='h-100'>
-          <Flex justify='space-between' style={{ minHeight: 0 }} gap='small'>
-            <Space size='small'>
+    <ObjectListViewProvider objectType='invoice' tableRef={tableRef}>
+      <Flex vertical={'true'} gap='large' className='h-100'>
+        <Flex justify='space-between' style={{ minHeight: 0 }} gap='small'>
+          <Space size='small'>
             <ObjectActions
               type='invoice'
               pageName='list'
@@ -48,8 +44,8 @@ const Invoices = () => {
             />
             <ExportListButton objectType='invoice' />
           </Space>
-            <ListViewTabs />
-            <Space>
+          <ListViewTabs />
+          <Space>
             <SortSidebarButton
               active={showSortSidebar}
               onClick={() => setShowSortSidebar(!showSortSidebar)}
@@ -58,12 +54,10 @@ const Invoices = () => {
               active={showFilterSidebar}
               onClick={() => setShowFilterSidebar(!showFilterSidebar)}
             />
-            <ObjectTableViewButton
-              objectType='invoice'
-            />
+            <ObjectTableViewButton objectType='invoice' />
             <ListViewEditButtons showStartingDivider={true} />
           </Space>
-          </Flex>
+        </Flex>
 
         <ObjectTable
           ref={tableRef}
@@ -81,8 +75,8 @@ const Invoices = () => {
           useSortInSession={true}
           useSortInUrl={true}
         />
-        </Flex>
-        </ObjectListViewProvider>
+      </Flex>
+    </ObjectListViewProvider>
   )
 }