feat: Financial statements enhancement.

client/src/containers/FinancialStatements/BalanceSheet/BalanceSheetActionsBar.js

@@ -22,8 +22,12 @@ import withBalanceSheetActions from './withBalanceSheetActions';
 
 
 function BalanceSheetActionsBar({
+  // #withBalanceSheetDetail
   balanceSheetFilter,
+
+  // #withBalanceSheetActions
   toggleBalanceSheetFilter,
+  refreshBalanceSheet
 }) {
   const filterDropdown = FilterDropdown({
     fields: [],
@@ -34,6 +38,10 @@ function BalanceSheetActionsBar({
     toggleBalanceSheetFilter();
   };
 
+  const handleRecalcReport = () => {
+    refreshBalanceSheet(true);
+  };
+
   return (
     <DashboardActionsBar>
       <NavbarGroup>
@@ -44,6 +52,16 @@ function BalanceSheetActionsBar({
         />
         <NavbarDivider />
 
+        <Button
+          className={classNames(
+            Classes.MINIMAL,
+            'button--gray-highlight',
+          )}
+          text={<T id={'recalc_report'} />}
+          onClick={handleRecalcReport}
+          icon={<Icon icon="refresh-16" iconSize={16} />}
+        />
+
         <If condition={balanceSheetFilter}>
           <Button
             className={Classes.MINIMAL}
@@ -61,7 +79,6 @@ function BalanceSheetActionsBar({
             icon={<Icon icon="arrow-to-bottom" />}
           />
         </If>
-        <NavbarDivider />
 
         <Popover
           content={filterDropdown}
@@ -75,6 +92,8 @@ function BalanceSheetActionsBar({
           />
         </Popover>
 
+        <NavbarDivider />
+
         <Button
           className={Classes.MINIMAL}
           icon={<Icon icon='print-16' iconSize={16} />}