- feat: Update react-query package to V 2.1.1.

- feat: Favicon setup.
- feat: Fix accounts inactivate/activate 1 account.
- feat: Seed accounts, expenses and manual journals resource fields.
- feat: Validate make journal receivable/payable without contact.
- feat: Validate make journal contact without receivable or payable.
- feat: More components abstractions.
- feat: Use reselect.js to memorize components properties.
- fix: Journal type of manual journal.
- fix: Sidebar style optimization.
- fix: Data-table check-box style optimization.
- fix: Data-table spinner style dimensions.
- fix: Submit journal with contact_id and contact_type.

client/src/components/DataTable.js

@@ -45,7 +45,7 @@ export default function DataTable({
   expandable = false,
   expandToggleColumn = 2,
   noInitialFetch = false,
-  spinnerProps = { size: 40 },
+  spinnerProps = { size: 30 },
 
   pagination = false,
   pagesCount: controlledPageCount,
@@ -282,6 +282,7 @@ export default function DataTable({
       className={classnames('bigcapital-datatable', className, {
         'has-sticky': sticky,
         'is-expandable': expandable,
+        'is-loading': loading,
         'has-virtualized-rows': virtualizedRows,
       })}
     >
@@ -357,19 +358,19 @@ export default function DataTable({
                     <div class="td">{noResults}</div>
                   </div>
                 </If>
-
-                <If condition={loading}>
-                  <div class="loading">
-                    <Spinner size={spinnerProps.size} />
-                  </div>
-                </If>
               </div>
+
+              <If condition={loading}>
+                <div class="loading">
+                  <Spinner size={spinnerProps.size} />
+                </div>
+              </If>
             </div>
           </ScrollSyncPane>
         </div>
       </ScrollSync>
       
-      <If condition={pagination && pageCount}>
+      <If condition={pagination && pageCount && !loading}>
         <Pagination
           initialPage={pageIndex + 1}
           total={pageSize * pageCount}