- 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/Dashboard/DashboardTopbar.js

@@ -14,17 +14,15 @@ import { FormattedMessage as T } from 'react-intl';
 
 import DashboardTopbarUser from 'components/Dashboard/TopbarUser';
 import DashboardBreadcrumbs from 'components/Dashboard/DashboardBreadcrumbs';
-import Icon from 'components/Icon';
+import { Icon, If } from 'components';
 
-import withSearch from 'containers/GeneralSearch/withSearch'
+import withSearch from 'containers/GeneralSearch/withSearch';
 import withDashboardActions from 'containers/Dashboard/withDashboardActions';
 import withDashboard from 'containers/Dashboard/withDashboard';
 
 import { compose } from 'utils';
 
-
 function DashboardTopbar({
-
   // #withDashboard
   pageTitle,
   pageSubtitle,
@@ -42,69 +40,75 @@ function DashboardTopbar({
     history.push(`/custom_views/${editViewId}/edit`);
   };
 
-  const maybleRenderPageSubtitle = pageSubtitle && <h3>{pageSubtitle}</h3>;
-  const maybeRenderEditViewBtn = pageSubtitle && editViewId && (
-    <Button
-      className={Classes.MINIMAL + ' button--view-edit'}
-      icon={<Icon icon='pen' iconSize={13} />}
-      onClick={handlerClickEditView}
-    />
-  );
-
   const handleSidebarToggleBtn = () => {
     toggleSidebarExpend();
   };
   return (
-    <div class='dashboard__topbar'>
-      <div class='dashboard__topbar-left'>
-        <div class='dashboard__topbar-sidebar-toggle'>
-          <Tooltip content={<T id={'close_sidebar'} />} position={Position.RIGHT}>
+    <div class="dashboard__topbar">
+      <div class="dashboard__topbar-left">
+        <div class="dashboard__topbar-sidebar-toggle">
+          <Tooltip
+            content={<T id={'close_sidebar'} />}
+            position={Position.RIGHT}
+          >
             <Button minimal={true} onClick={handleSidebarToggleBtn}>
               <svg
-                xmlns='http://www.w3.org/2000/svg'
-                width='20'
-                height='20'
-                viewBox='0 0 20 20'
-                role='img'
-                focusable='false'
+                xmlns="http://www.w3.org/2000/svg"
+                width="20"
+                height="20"
+                viewBox="0 0 20 20"
+                role="img"
+                focusable="false"
               >
-                <title><T id={'menu'}/></title>
+                <title>
+                  <T id={'menu'} />
+                </title>
                 <path
-                  stroke='currentColor'
-                  stroke-linecap='round'
-                  stroke-miterlimit='5'
-                  stroke-width='2'
-                  d='M4 7h15M4 12h15M4 17h15'
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-miterlimit="5"
+                  stroke-width="2"
+                  d="M4 7h15M4 12h15M4 17h15"
                 ></path>
               </svg>
             </Button>
           </Tooltip>
         </div>
 
-        <div class='dashboard__title'>
+        <div class="dashboard__title">
           <h1>{pageTitle}</h1>
-          {maybleRenderPageSubtitle}
-          {maybeRenderEditViewBtn}
+
+          <If condition={pageSubtitle}>
+            <h3>{ pageSubtitle }</h3>
+          </If>
+
+          <If condition={pageSubtitle && editViewId}>
+            <Button
+              className={Classes.MINIMAL + ' button--view-edit'}
+              icon={<Icon icon="pen" iconSize={13} />}
+              onClick={handlerClickEditView}
+            />
+          </If>
         </div>
 
-        <div class='dashboard__breadcrumbs'>
+        <div class="dashboard__breadcrumbs">
           <DashboardBreadcrumbs />
         </div>
       </div>
 
-      <div class='dashboard__topbar-right'>
-        <Navbar class='dashboard__topbar-navbar'>
+      <div class="dashboard__topbar-right">
+        <Navbar class="dashboard__topbar-navbar">
           <NavbarGroup>
             <Button
               onClick={() => openGlobalSearch(true)}
               className={Classes.MINIMAL}
               icon={<Icon icon={'search-24'} iconSize={20} />}
-              text={<T id={'quick_find'}/>}
+              text={<T id={'quick_find'} />}
             />
             <Button
               className={Classes.MINIMAL}
               icon={<Icon icon={'plus-24'} iconSize={20} />}
-              text={<T id={'quick_new'}/>}
+              text={<T id={'quick_new'} />}
             />
             <Button
               className={Classes.MINIMAL}
@@ -113,13 +117,13 @@ function DashboardTopbar({
             <Button
               className={Classes.MINIMAL}
               icon={<Icon icon={'help-24'} iconSize={20} />}
-              text={<T id={'help'} />} />
-
+              text={<T id={'help'} />}
+            />
             <NavbarDivider />
           </NavbarGroup>
         </Navbar>
 
-        <div class='dashboard__topbar-user'>
+        <div class="dashboard__topbar-user">
           <DashboardTopbarUser />
         </div>
       </div>
@@ -129,8 +133,10 @@ function DashboardTopbar({
 
 export default compose(
   withSearch,
-  withDashboard(({ pageTitle, pageSubtitle, editViewId }) => ({ 
-    pageTitle, pageSubtitle, editViewId
+  withDashboard(({ pageTitle, pageSubtitle, editViewId }) => ({
+    pageTitle,
+    pageSubtitle,
+    editViewId,
   })),
   withDashboardActions,
 )(DashboardTopbar);

client/src/components/Dashboard/DashboardViewsTabs.js

@@ -5,6 +5,7 @@ import { Button, Tabs, Tab, Tooltip, Position } from '@blueprintjs/core';
 import { If, Icon } from 'components';
 
 export default function DashboardViewsTabs({
+  initialViewId = 0,
   tabs,
   allTab = true,
   newViewTab = true,
@@ -12,7 +13,7 @@ export default function DashboardViewsTabs({
   onChange,
   onTabClick,
 }) {
-  const [currentView, setCurrentView] = useState(0);
+  const [currentView, setCurrentView] = useState(initialViewId || 0);
 
   const handleClickNewView = () => {
     onNewViewTabClick && onNewViewTabClick();