fix: multi-select branches error.

src/components/FMultiSelect/BranchesMultiSelect.js

@@ -50,17 +50,11 @@ const branchItemRenderer = (
 const branchSelectProps = {
   itemPredicate: branchItemPredicate,
   itemRenderer: branchItemRenderer,
-  valueAccessor: 'id',
-  labelAccessor: 'name',
-  tagRenderer: 'name',
+  valueAccessor: (item) => item.id,
+  labelAccessor: (item) => item.label,
+  tagRenderer: (item) => item.name,
 };
 
 export function BranchesMultiSelect({ branches, ...rest }) {
-  return (
-    <FMultiSelect
-      items={branches}
-      {...branchSelectProps}
-      {...rest}
-    />
-  );
+  return <FMultiSelect items={branches} {...branchSelectProps} {...rest} />;
 }

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: [],
 });
 
 /**