From 796b835c08f02a207b117d03bfbd90f73b2e445c Mon Sep 17 00:00:00 2001
From: rocketdebris <rocketdebris@gmail.com>
Date: Tue, 16 Dec 2025 15:59:36 -0500
Subject: [PATCH] Added a Balances Overview and Added an Add New Button to
 client communication history Card.

---
 frontend/src/components/clientSubPages/History.vue  |  7 ++++---
 frontend/src/components/clientSubPages/Overview.vue | 13 +++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/clientSubPages/History.vue b/frontend/src/components/clientSubPages/History.vue
index 0f02ff8..a6c2b13 100644
--- a/frontend/src/components/clientSubPages/History.vue
+++ b/frontend/src/components/clientSubPages/History.vue
@@ -2,13 +2,14 @@
 	<h3>History</h3>
 	<Tabs value="0" class="tabs">
 		<TabList>
-			<Tab value="0">Communication</Tab>
+			<Tab value="0">Communication History</Tab>
 			<Tab value="1">Site Visits</Tab>
-			<Tab value="2">Ownership</Tab>
+			<Tab value="2">Ownership History</Tab>
 		</TabList>
 		<TabPanels>
 			<TabPanel value="0">
-				<div>Communication History</div>
+				<div>Descending order of communications with the customer go here.</div>
+				<button class="sidebar-button">Add New</button>
 			</TabPanel>
 			<TabPanel value="1">
 				<div>Site Visits</div>
diff --git a/frontend/src/components/clientSubPages/Overview.vue b/frontend/src/components/clientSubPages/Overview.vue
index ecc589f..97d2d39 100644
--- a/frontend/src/components/clientSubPages/Overview.vue
+++ b/frontend/src/components/clientSubPages/Overview.vue
@@ -120,6 +120,15 @@
 						<p>No contacts available for this address.</p>
 					</template>
 				</div>
+
+				<!-- Financials At a Glance -->
+				<div class="info-card">
+					<h3>Open Balances</h3>
+					<span>$3200.00</span>
+					<button class="sidebar-button" @click="navigateTo('/invoices')">
+						Go to Invoices
+					</button>
+				</div>
 			</template>
 		</div>
 
@@ -222,6 +231,10 @@ const props = defineProps({
 const router = useRouter();
 const notificationStore = useNotificationStore();
 
+const navigateTo = (path) => {
+	router.push(path);
+};
+
 // Refs for child components
 const clientInfoRef = ref(null);
 const contactInfoRef = ref(null);