feat: projects actions bar.

src/common/tables.js

@@ -16,7 +16,8 @@ export const TABLES = {
   CASHFLOW_Transactions: 'cashflow_transactions',
   CREDIT_NOTES: 'credit_notes',
   VENDOR_CREDITS: 'vendor_credits',
-  WAREHOUSE_TRANSFERS:'warehouse_transfers'
+  WAREHOUSE_TRANSFERS:'warehouse_transfers',
+  PROJECTS:'projects'
 };
 
 export const TABLE_SIZE = {

src/containers/Dialogs/ProjectDialog/containers/ProjectForm.tsx

@@ -17,8 +17,7 @@ import { compose } from 'utils';
 const defaultInitialValues = {
   contact: '',
   project_name: '',
-  project_deadline: '',
+  project_deadline: moment(new Date()).format('YYYY-MM-DD'),
-  // project_deadline: moment(new Date()).format('YYYY-MM-DD'),
   project_state: false,
   project_cost: '',
 };

src/containers/Dialogs/ProjectDialog/containers/ProjectFormFloatingActions.tsx

@@ -38,7 +38,7 @@ function ProjectFormFloatingActions({
           style={{ minWidth: '75px' }}
           type="submit"
         >
-          Create
+          <T id={'projects.label.create'} />
         </Button>
       </div>
     </div>

src/containers/Dialogs/ProjectDialog/containers/ProjectFormProvider.tsx

@@ -26,6 +26,7 @@ function ProjectFormProvider({
   // State provider.
   const provider = {
     customers,
+    dialogName,
   };
 
   return (

src/containers/Dialogs/TaskDialog/containers/TaskFormProvider.tsx

@@ -16,7 +16,10 @@ function TaskFormProvider({
   ...props
 }) {
   // State provider.
-  const provider = {};
+  const provider = {
+    dialogName,
+  };
+
   return (
     <DialogContent>
       <TaskFormContext.Provider value={provider} {...props} />

src/containers/Projects/containers/ProjectsActionsBar.tsx

@@ -41,6 +41,9 @@ function ProjectsActionsBar({
   // #withProjectsActions
   setProjectsTableState,
 
+  // #withSettings
+  projectsTableSize,
+
   // #withSettingsActions
   addSetting,
 }) {
@@ -100,7 +103,7 @@ function ProjectsActionsBar({
         />
         <NavbarDivider />
         <DashboardRowsHeightButton
-          initialValue={'medium'}
+          initialValue={projectsTableSize}
           onChange={handleTableRowSizeChange}
         />
         <NavbarDivider />
@@ -123,4 +126,7 @@ export default compose(
   withProjects(({ projectsTableState }) => ({
     projectsFilterRoles: projectsTableState?.filterRoles,
   })),
+  withSettings(({ projectSettings }) => ({
+    projectsTableSize: projectSettings?.tableSize,
+  })),
 )(ProjectsActionsBar);

src/containers/Projects/containers/ProjectsDataTable.tsx

@@ -1,14 +1,18 @@
 import React from 'react';
 
 import { DataTable } from 'components';
+import { TABLES } from 'common/tables';
 
 import TableSkeletonRows from 'components/Datatable/TableSkeletonRows';
 import TableSkeletonHeader from 'components/Datatable/TableHeaderSkeleton';
 
 import { useProjectsListContext } from './ProjectsListProvider';
+import { useMemorizedColumnsWidths } from 'hooks';
 import { useProjectsListColumns, ActionsMenu } from '../components';
 
 import withDialogActions from 'containers/Dialog/withDialogActions';
+import withProjectsActions from './withProjectsActions';
+import withSettings from '../../Settings/withSettings';
 
 import { compose } from 'utils';
 
@@ -19,6 +23,18 @@ const projects = [
     description: 'Project 1 description',
     status: 'Active',
   },
+  {
+    id: 2,
+    name: 'Project 2',
+    description: 'Project 2 description',
+    status: 'Active',
+  },
+  {
+    id: 3,
+    name: 'Project 3',
+    description: 'Project 3 description',
+    status: 'Active',
+  },
 ];
 
 /**
@@ -28,6 +44,9 @@ const projects = [
 function ProjectsDataTable({
   // #withDial
   openDialog,
+
+  // #withSettings
+  projectsTableSize,
 }) {
   // Retrieve projects table columns.
   const columns = useProjectsListColumns();
@@ -40,6 +59,10 @@ function ProjectsDataTable({
     openDialog('task-form');
   };
 
+  // Local storage memorizing columns widths.
+  const [initialColumnsWidths, , handleColumnResizing] =
+    useMemorizedColumnsWidths(TABLES.PROJECTS);
+
   return (
     <DataTable
       columns={columns}
@@ -55,6 +78,9 @@ function ProjectsDataTable({
       TableHeaderSkeletonRenderer={TableSkeletonHeader}
       ContextMenu={ActionsMenu}
       onCellClick={handleCellClick}
+      initialColumnsWidths={initialColumnsWidths}
+      onColumnResizing={handleColumnResizing}
+      size={projectsTableSize}
       payload={{
         onNewTask: handleNewTaskButtonClick,
       }}
@@ -62,4 +88,10 @@ function ProjectsDataTable({
   );
 }
 
-export default compose(withDialogActions)(ProjectsDataTable);
+export default compose(
+  withDialogActions,
+  withProjectsActions,
+  withSettings(({ projectSettings }) => ({
+    projectsTableSize: projectSettings?.tableSize,
+  })),
+)(ProjectsDataTable);

src/containers/Settings/withSettings.js

@@ -22,6 +22,7 @@ export default (mapState) => {
       creditNoteSettings: state.settings.data.creditNote,
       vendorsCreditNoteSetting: state.settings.data.vendorCredit,
       warehouseTransferSettings: state.settings.data.warehouseTransfers,
+      projectSettings:state.settings.data.projects
     };
     return mapState ? mapState(mapped, state, props) : mapped;
   };

src/lang/en/index.json

@@ -2055,6 +2055,7 @@
   "projects.label.deadline": "Deadline",
   "projects.label.calculator_expenses": "Calculator from tasks & estimated expenses",
   "projects.label.cost_estimate": "Cost Estimate",
+  "projects.label.create": "Create",
   "task.label.new_task": "New Task",
   "task.label.task_name": "Task Name",
   "task.label.estimated_hours": "Task Name",

src/store/settings/settings.reducer.js

@@ -61,6 +61,9 @@ const initialState = {
     warehouseTransfer: {
       tableSize: 'medium',
     },
+    projects: {
+      tableSize: 'medium',
+    },
   },
 };