From e7bbc3a8dc3b7ff222acff3813ef573fc983088c Mon Sep 17 00:00:00 2001
From: Alex Phillips <ahp118@gmail.com>
Date: Sun, 9 Jan 2022 12:29:08 -0500
Subject: [PATCH] tweaked account amount text sizes, fixed action for add
 transaction button (this broke when I moved it into the 'title' prop)

---
 frontend/src/components/AccountTable/AccountTable.js       | 6 +++++-
 frontend/src/components/AccountTable/AccountTableHeader.js | 3 +++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/AccountTable/AccountTable.js b/frontend/src/components/AccountTable/AccountTable.js
index 0439d07..11a2f25 100644
--- a/frontend/src/components/AccountTable/AccountTable.js
+++ b/frontend/src/components/AccountTable/AccountTable.js
@@ -759,6 +759,10 @@ export default function Account(props) {
     // setBulkEnabled(data.length > 0)
   }
 
+  const addTransactionClick = () => {
+    tableProps.actions[0].onClick()
+  }
+
   return (
     <div style={{ maxWidth: '100%' }}>
       <MaterialTable
@@ -779,7 +783,7 @@ export default function Account(props) {
             }
           >
             <ButtonGroup variant="text" aria-label="outlined button group">
-              <Button size="small">
+              <Button size="small" onClick={addTransactionClick}>
                 <Stack direction="row" alignItems="center" spacing={0.5}>
                   <AddCircleIcon
                     style={{
diff --git a/frontend/src/components/AccountTable/AccountTableHeader.js b/frontend/src/components/AccountTable/AccountTableHeader.js
index fae9f04..688d7c7 100644
--- a/frontend/src/components/AccountTable/AccountTableHeader.js
+++ b/frontend/src/components/AccountTable/AccountTableHeader.js
@@ -91,6 +91,7 @@ export default function BudgetTableHeader({ accountId, name }) {
                   color: getBalanceColor(account.cleared, theme),
                   fontWeight: 'bold',
                 }}
+                variant="h6"
               >
                 {intlFormat(account.cleared)}
               </Typography>
@@ -119,6 +120,7 @@ export default function BudgetTableHeader({ accountId, name }) {
                   color: getBalanceColor(account.uncleared, theme),
                   fontWeight: 'bold',
                 }}
+                variant="h6"
               >
                 {intlFormat(account.uncleared)}
               </Typography>
@@ -147,6 +149,7 @@ export default function BudgetTableHeader({ accountId, name }) {
                   color: getBalanceColor(account.balance, theme),
                   fontWeight: 'bold',
                 }}
+                variant="h6"
               >
                 {intlFormat(account.balance)}
               </Typography>