feat(branche & warehouse ) add mark primary alert.

src/containers/Alerts/Branches/BranchMarkPrimaryAlert.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import intl from 'react-intl-universal';
+import { Intent, Alert } from '@blueprintjs/core';
+import { FormattedMessage as T } from 'components';
+
+import { useMarkPrimaryBranches } from 'hooks/query';
+import { AppToaster } from 'components';
+
+import withAlertActions from 'containers/Alert/withAlertActions';
+import withAlertStoreConnect from 'containers/Alert/withAlertStoreConnect';
+
+import { compose } from 'utils';
+
+/**
+ * branch mark primary alert.
+ */
+function BranchMarkPrimaryAlert({
+  name,
+
+  // #withAlertStoreConnect
+  isOpen,
+  payload: { branchId },
+
+  // #withAlertActions
+  closeAlert,
+}) {
+  const { mutateAsync: markPrimaryBranchMutate, isLoading } =
+    useMarkPrimaryBranches();
+
+  // Handle cancel mark primary alert.
+  const handleCancelMarkPrimaryAlert = () => {
+    closeAlert(name);
+  };
+
+  // andle cancel mark primary confirm.
+  const handleConfirmMarkPrimaryBranch = () => {
+    markPrimaryBranchMutate(branchId)
+      .then(() => {
+        AppToaster.show({
+          message: intl.get('branch.alert.mark_primary_message'),
+          intent: Intent.SUCCESS,
+        });
+        closeAlert(name);
+      })
+      .catch((error) => {
+        closeAlert(name);
+      });
+  };
+
+  return (
+    <Alert
+      cancelButtonText={<T id={'cancel'} />}
+      confirmButtonText={<T id={'make_primary'} />}
+      intent={Intent.WARNING}
+      isOpen={isOpen}
+      onCancel={handleCancelMarkPrimaryAlert}
+      onConfirm={handleConfirmMarkPrimaryBranch}
+      loading={isLoading}
+    >
+      <p>
+        <T id={'branch.alert.are_you_sure_you_want_to_make'} />
+      </p>
+    </Alert>
+  );
+}
+
+export default compose(
+  withAlertStoreConnect(),
+  withAlertActions,
+)(BranchMarkPrimaryAlert);

src/containers/Alerts/Warehouses/WarehouseMarkPrimaryAlert.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import intl from 'react-intl-universal';
+import { Intent, Alert } from '@blueprintjs/core';
+import { FormattedMessage as T } from 'components';
+
+import { useMarkPrimaryWarehouse } from 'hooks/query';
+import { AppToaster } from 'components';
+
+import withAlertActions from 'containers/Alert/withAlertActions';
+import withAlertStoreConnect from 'containers/Alert/withAlertStoreConnect';
+
+import { compose } from 'utils';
+
+/**
+ * warehouse mark primary alert.
+ */
+function WarehouseMarkPrimaryAlert({
+  name,
+
+  // #withAlertStoreConnect
+  isOpen,
+  payload: { warehouseId },
+
+  // #withAlertActions
+  closeAlert,
+}) {
+  const { mutateAsync: markPrimaryWarehouseMutate, isLoading } =
+    useMarkPrimaryWarehouse();
+
+  // Handle cancel mark primary alert.
+  const handleCancelMarkPrimaryAlert = () => {
+    closeAlert(name);
+  };
+
+  // andle cancel mark primary confirm.
+  const handleConfirmMarkPrimaryWarehouse = () => {
+    markPrimaryWarehouseMutate(warehouseId)
+      .then(() => {
+        AppToaster.show({
+          message: intl.get('warehouse.alert.mark_primary_message'),
+          intent: Intent.SUCCESS,
+        });
+        closeAlert(name);
+      })
+      .catch((error) => {
+        closeAlert(name);
+      });
+  };
+
+  return (
+    <Alert
+      cancelButtonText={<T id={'cancel'} />}
+      confirmButtonText={<T id={'make_primary'} />}
+      intent={Intent.WARNING}
+      isOpen={isOpen}
+      onCancel={handleCancelMarkPrimaryAlert}
+      onConfirm={handleConfirmMarkPrimaryWarehouse}
+      loading={isLoading}
+    >
+      <p>
+        <T id={'warehouse.alert.are_you_sure_you_want_to_make'} />
+      </p>
+    </Alert>
+  );
+}
+
+export default compose(
+  withAlertStoreConnect(),
+  withAlertActions,
+)(WarehouseMarkPrimaryAlert);

src/containers/Preferences/Branches/BranchesAlerts.js

@@ -3,5 +3,14 @@ import React from 'react';
 const BranchDeleteAlert = React.lazy(() =>
   import('../../Alerts/Branches/BranchDeleteAlert'),
 );
+const BranchMarkPrimaryAlert = React.lazy(() =>
+  import('../../Alerts/Branches/BranchMarkPrimaryAlert'),
+);
 
-export default [{ name: 'branch-delete', component: BranchDeleteAlert }];
+export default [
+  { name: 'branch-delete', component: BranchDeleteAlert },
+  {
+    name: 'branch-mark-primary',
+    component: BranchMarkPrimaryAlert,
+  },
+];

src/containers/Preferences/Branches/BranchesDataTable.js

@@ -27,22 +27,27 @@ function BranchesDataTable({
   // Table columns.
   const columns = useBranchesTableColumns();
 
-  const Time = true;
-
   const { branches, isBranchesLoading, isBranchesFetching } =
     useBranchesContext();
 
+  // Handle edit branch.
   const handleEditBranch = ({ id }) => {
     openDialog('branch-form', { branchId: id, action: 'edit' });
   };
 
+  // Handle delete branch.
   const handleDeleteBranch = ({ id }) => {
     openAlert('branch-delete', { branchId: id });
   };
 
-  if (Time) {
-    return <BranchesEmptyStatus />;
-  }
+   // Handle mark primary branch.
+  const handleMarkPrimaryBranch = ({ id }) => {
+    openAlert('branch-mark-primary', { branchId: id });
+  };
+
+  // if (type) {
+  //   return <BranchesEmptyStatus />;
+  // }
 
   return (
     <BranchesTableCard>
@@ -58,6 +63,7 @@ function BranchesDataTable({
         payload={{
           onEdit: handleEditBranch,
           onDelete: handleDeleteBranch,
+          onMarkPrimary: handleMarkPrimaryBranch,
         }}
       />
     </BranchesTableCard>

src/containers/Preferences/Branches/components.js

@@ -9,7 +9,7 @@ import { Icon } from 'components';
  * Context menu of Branches.
  */
 export function ActionsMenu({
-  payload: { onEdit, onDelete },
+  payload: { onEdit, onDelete, onMarkPrimary },
   row: { original },
 }) {
   return (
@@ -19,6 +19,11 @@ export function ActionsMenu({
         text={intl.get('branches.action.edit_branch')}
         onClick={safeCallback(onEdit, original)}
       />
+      <MenuItem
+        icon={<Icon icon="check" />}
+        text={intl.get('branches.action.mark_as_primary')}
+        onClick={safeCallback(onMarkPrimary, original)}
+      />
       <MenuDivider />
       <MenuItem
         icon={<Icon icon="trash-16" iconSize={16} />}

src/containers/Preferences/Warehouses/WarehousesAlerts.js

@@ -3,8 +3,17 @@ import React from 'react';
 const WarehouseDeleteAlert = React.lazy(() =>
   import('../../Alerts/Warehouses/WarehouseDeleteAlert'),
 );
+const WarehouseMarkPrimaryAlert = React.lazy(() =>
+  import('../../Alerts/Warehouses/WarehouseMarkPrimaryAlert'),
+);
 
 /**
  * Warehouses alerts.
  */
-export default [{ name: 'warehouse-delete', component: WarehouseDeleteAlert }];
+export default [
+  { name: 'warehouse-delete', component: WarehouseDeleteAlert },
+  {
+    name: 'warehouse-mark-primary',
+    component: WarehouseMarkPrimaryAlert,
+  },
+];

src/containers/Preferences/Warehouses/WarehousesGridItems.js

@@ -30,12 +30,18 @@ function WarehousesGridItems({
     openAlert('warehouse-delete', { warehouseId: warehouse.id });
   };
 
+  // Handle mark primary warehouse.
+  const handleMarkPrimaryWarehouse = () => {
+    openAlert('warehouse-mark-primary', { warehouseId: warehouse.id });
+  };
+
   return (
     <ContextMenu2
       content={
         <WarehouseContextMenu
           onEditClick={handleEditWarehouse}
           onDeleteClick={handleDeleteWarehouse}
+          onMarkPrimary={handleMarkPrimaryWarehouse}
         />
       }
     >

src/containers/Preferences/Warehouses/WarehousesList.js

@@ -17,7 +17,7 @@ function WarehousesList({
     changePreferencesPageTitle(intl.get('warehouses.label'));
   }, [changePreferencesPageTitle]);
 
-  // if () {
+  // if (type) {
   //   return <WarehousesEmptyStatus />;
   // }
 

src/containers/Preferences/Warehouses/WarehousesProvider.js

@@ -28,11 +28,11 @@ function WarehousesProvider({ ...props }) {
       )}
     >
       <React.Fragment>
-        {isWarehouesLoading ? (
+        {/* {isWarehouesLoading ? (
           <PreferencesPageLoader />
-        ) : (
+        ) : ( */}
           <WarehousesContext.Provider value={provider} {...props} />
-        )}
+        {/* )} */}
       </React.Fragment>
     </div>
   );

src/containers/Preferences/Warehouses/components.js

@@ -22,7 +22,7 @@ export function WarehouseContextMenu({
         onClick={safeCallback(onEditClick)}
       />
       <MenuItem
-        icon={<Icon icon="pen-18" />}
+        icon={<Icon icon="check" />}
         text={intl.get('warehouses.action.make_as_parimary')}
         onClick={safeCallback(onPrimary)}
       />