format

ElementsProject · Jun 29, 2024 · 28e80d3 · 28e80d3
1 parent 632f5d1
commit 28e80d3
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 33 deletions.
diff --git a/apps/frontend/src/components/bookkeeper/BalanceSheet/BalanceSheetRoot.tsx b/apps/frontend/src/components/bookkeeper/BalanceSheet/BalanceSheetRoot.tsx
@@ -32,9 +32,9 @@ const BalanceSheetRoot = (props) => {
         setBalanceSheetData(response);
       })
       .catch(err => {
-        console.log("fetchBalanceSheet error " + JSON.stringify(err));
+        console.error("fetchBalanceSheet error " + JSON.stringify(err));
       });
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const timeGranularityChangeHandler = (timeGranularity) => {
@@ -56,38 +56,36 @@ const BalanceSheetRoot = (props) => {
   return (
     <div data-testid='balancesheet-container' ref={containerRef}>
       <Card className='d-flex align-items-stretch overflow-hidden inner-box-shadow'>
-        {/* <Card.Body className='text-dark d-flex align-items-stretch flex-column pt-4'> */}
-          <Card.Header className='p-0'>
-            <Container fluid>
-              <Row>
-                <Col xs={12}>
-                  <div className='fs-4 p-0 ps-3 fw-bold'>
-                    Balance Sheet
-                  </div>
-                </Col>
-                <Col xs={12} className='d-flex align-items-center'>
-                  <div className='ms-3 me-3 mt-4'>
-                    Time Granularity
-                  </div>
-                  <TimeGranularitySelection
-                    className='time-granularity-dropdown mt-4'
-                    timeGranularity={timeGranularity}
-                    onTimeGranularityChanged={timeGranularityChangeHandler} />
-                </Col>
-              </Row>
-            </Container>
-          </Card.Header>
-          <Card.Body className='pb-0 px-1 d-flex flex-column align-items-start justify-content-between'>
+        <Card.Header className='p-0'>
+          <Container fluid>
             <Row>
-              <BalanceSheetGraph balanceSheetData={balanceSheetData} width={containerWidth} />
+              <Col xs={12}>
+                <div className='fs-4 p-0 ps-3 fw-bold'>
+                  Balance Sheet
+                </div>
+              </Col>
+              <Col xs={12} className='d-flex align-items-center'>
+                <div className='ms-3 me-3 mt-4'>
+                  Time Granularity
+                </div>
+                <TimeGranularitySelection
+                  className='time-granularity-dropdown mt-4'
+                  timeGranularity={timeGranularity}
+                  onTimeGranularityChanged={timeGranularityChangeHandler} />
+              </Col>
             </Row>
-            <Row>
-              <BalanceSheetTable balanceSheetData={balanceSheetData} />
-            </Row>
-          </Card.Body>
-          <Card.Footer className='d-flex justify-content-center'>
-          </Card.Footer>
-        {/* </Card.Body> */}
+          </Container>
+        </Card.Header>
+        <Card.Body className='pb-0 px-1 d-flex flex-column align-items-start justify-content-between'>
+          <Row>
+            <BalanceSheetGraph balanceSheetData={balanceSheetData} width={containerWidth} />
+          </Row>
+          <Row>
+            <BalanceSheetTable balanceSheetData={balanceSheetData} />
+          </Row>
+        </Card.Body>
+        <Card.Footer className='d-flex justify-content-center'>
+        </Card.Footer>
       </Card>
     </div>
   );

diff --git a/apps/frontend/src/components/bookkeeper/BalanceSheet/Graph/BalanceSheetGraph.tsx b/apps/frontend/src/components/bookkeeper/BalanceSheet/Graph/BalanceSheetGraph.tsx
@@ -144,7 +144,7 @@ function BalanceSheetGraph({ balanceSheetData, width }) {
         }
       }
     }
-  }, [balanceSheetData]);
+  }, [balanceSheetData, width]);
 
   return (
     <div ref={d3Container} />