Merge remote-tracking branch 'origin/_tasks'

client/src/components/AccountsSelectList.js

@@ -1,31 +1,36 @@
-import React, {useCallback, useState} from 'react';
-import {
-  MenuItem,
-  Button,
-} from '@blueprintjs/core';
-import {Select} from '@blueprintjs/select';
+import React, { useCallback, useState } from 'react';
+import { MenuItem, Button } from '@blueprintjs/core';
+import { Select } from '@blueprintjs/select';
 
 export default function AccountsSelectList({
   accounts,
   onAccountSelected,
-  error,
+  error = [],
   initialAccount,
-  defautlSelectText = 'Select account'
+  defautlSelectText = 'Select account',
 }) {
   const [selectedAccount, setSelectedAccount] = useState(
-    initialAccount || null
+    initialAccount || null,
   );
   // Account item of select accounts field.
   const accountItem = useCallback((item, { handleClick, modifiers, query }) => {
     return (
-      <MenuItem text={item.name} label={item.code} key={item.id} onClick={handleClick} />
+      <MenuItem
+        text={item.name}
+        label={item.code}
+        key={item.id}
+        onClick={handleClick}
+      />
     );
   }, []);
 
-  const onAccountSelect = useCallback((account) => {
-    setSelectedAccount({ ...account });
-    onAccountSelected && onAccountSelected(account);
-  }, [setSelectedAccount, onAccountSelected]);
+  const onAccountSelect = useCallback(
+    (account) => {
+      setSelectedAccount({ ...account });
+      onAccountSelected && onAccountSelected(account);
+    },
+    [setSelectedAccount, onAccountSelected],
+  );
 
   // Filters accounts items.
   const filterAccountsPredicater = useCallback(
@@ -47,15 +52,16 @@ export default function AccountsSelectList({
   return (
     <Select
       items={accounts}
-      noResults={<MenuItem disabled={true} text='No results.' />}
+      noResults={<MenuItem disabled={true} text="No results." />}
       itemRenderer={accountItem}
       itemPredicate={filterAccountsPredicater}
       popoverProps={{ minimal: true }}
       filterable={true}
-      onItemSelect={onAccountSelect}>
+      onItemSelect={onAccountSelect}
+    >
       <Button
         text={selectedAccount ? selectedAccount.name : defautlSelectText}
       />
     </Select>
   );
-}
+}

client/src/components/App.js

@@ -18,7 +18,7 @@ function App({ locale }) {
 
   const queryConfig = {
     queries: {
-      refetchOnWindowFocus: true,
+      refetchOnWindowFocus: false,
     }
   };
   return (