fix: multi-select branches error.

src/containers/FinancialStatements/BalanceSheet/BalanceSheetHeader.js

@@ -41,7 +41,6 @@ function BalanceSheetHeader({
       ...pageFilter,
       fromDate: moment(pageFilter.fromDate).toDate(),
       toDate: moment(pageFilter.toDate).toDate(),
-      branches_id: [],
     },
     defaultValues,
   );
@@ -89,7 +88,7 @@ function BalanceSheetHeader({
             />
             <Tab
               id="dimensions"
-              title={<T id={'dimensions'} />}
+              title={'dimensions'}
               panel={<BalanceSheetHeaderDimensionsPanel />}
             />
           </Tabs>

src/containers/FinancialStatements/BalanceSheet/BalanceSheetHeaderDimensionsPanel.js

@@ -14,10 +14,8 @@ function BalanceSheetHeaderDimensionsPanel() {
   return (
     <div>
       <BranchesMultiSelect
-        name={'branches_id'}
+        name={'branchesIds'}
         branches={branches}
-        input={BranchMulitSelectButton}
-        // onItemSelect={}
         popoverProps={{ minimal: true }}
       />
     </div>
@@ -25,7 +23,3 @@ function BalanceSheetHeaderDimensionsPanel() {
 }
 
 export default BalanceSheetHeaderDimensionsPanel;
-
-function BranchMulitSelectButton() {
-  return <Button text={'Button'} minimal={true} />;
-}

src/containers/FinancialStatements/BalanceSheet/utils.js

@@ -29,6 +29,8 @@ export const getDefaultBalanceSheetQuery = () => ({
   // Percentage columns.
   percentageOfColumn: false,
   percentageOfRow: false,
+
+  branchesIds: [],
 });
 
 /**