Merge branch 'develop' of https://github.com/BigcapitalTech/bigcapital-client into develop

src/components/AvaterCell.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { firstLettersArgs } from 'utils';
+
+export default function AvatarCell({ row: { original }, size }) {
+  return (
+    <span className="avatar" data-size={size}>
+      {firstLettersArgs(original?.display_name)}
+    </span>
+  );
+}

src/components/Pagination.js

@@ -86,7 +86,7 @@ function Pagination({
   currentPage,
   total,
   size,
-  pageSizesOptions = [5, 12, 20, 30, 50, 75, 100, 150],
+  pageSizesOptions = [20, 30, 50, 75, 100, 150],
   onPageChange,
   onPageSizeChange,
 }) {

src/components/UniversalSearch/UniversalSearch.js

@@ -141,7 +141,6 @@ function UniversalSearchBar({ isOpen, onSearchTypeChange, ...listProps }) {
       {...handlers}
     >
       <InputGroup
-        autoFocus={true}
         large={true}
         leftIcon={<Icon icon={'universal-search'} iconSize={20} />}
         placeholder={intl.get('universal_search.placeholder')}

src/components/index.js

@@ -58,6 +58,7 @@ import AccountsSuggestField from './AccountsSuggestField';
 import MaterialProgressBar from './MaterialProgressBar';
 import { MoneyFieldCell } from './DataTableCells';
 import Card from './Card';
+import AvaterCell from './AvaterCell';
 
 import { ItemsMultiSelect } from './Items';
 
@@ -71,13 +72,13 @@ export * from './PdfPreview';
 export * from './Details';
 export * from './Drawer/DrawerInsider';
 export * from './Drawer/DrawerMainTabs';
-export * from './TotalLines/index'
+export * from './TotalLines/index';
 export * from './Alert';
 export * from './Subscriptions';
 export * from './Dashboard';
 export * from './Drawer';
 export * from './Forms';
-export * from './MultiSelectTaggable'
+export * from './MultiSelectTaggable';
 export * from './Utils/FormatNumber';
 export * from './Utils/FormatDate';
 
@@ -150,4 +151,5 @@ export {
   MoneyFieldCell,
   ItemsMultiSelect,
   Card,
+  AvaterCell,
 };