feat(Warehouses|Branches): empty status text.

src/containers/Dialogs/BranchActivateDialog/BranchActivateFormContent.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Form } from 'formik';
-import { Intent, Callout, Classes } from '@blueprintjs/core';
+import { Classes } from '@blueprintjs/core';
 import BranchActivateFormFloatingActions from './BranchActivateFormFloatingActions';
 
 /**
@@ -10,10 +10,20 @@ export default function BranchActivateFormContent() {
   return (
     <Form>
       <div className={Classes.DIALOG_BODY}>
-        <Callout icon={null} intent={Intent.PRIMARY}>
-          Aute esse eiusmod dolore ipsum dolor sint qui proident pariatur
-          proident fugiat ea ad aliquip.
-        </Callout>
+        <p class="paragraph">
+          Once you enable <strong>Multiply Branches</strong>, you will not be able to disable it.
+          However, you can delete the branch or mark it inactive.
+        </p>
+
+        <ul class="paragraph list">
+          <li>
+            The current organization will be considered as the Head Office or
+            Primary Branch.
+          </li>
+          <li>
+            All accounts transactions will be considered as the primary office.
+          </li>
+        </ul>
       </div>
       <BranchActivateFormFloatingActions />
     </Form>

src/containers/Dialogs/BranchActivateDialog/BranchActivateFormFloatingActions.js

@@ -37,7 +37,8 @@ function BranchActivateFormFloatingActions({
           style={{ minWidth: '95px' }}
           type="submit"
         >
-          {<T id={'activate'} />}
+          {<T id={'branches.activate_button'} />}
+          
         </Button>
       </div>
     </div>

src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormContent.js

@@ -1,20 +1,29 @@
 import React from 'react';
 import { Form } from 'formik';
-import { Intent, Callout, Classes } from '@blueprintjs/core';
+import { Classes } from '@blueprintjs/core';
 
 import WarehouseActivateFormFloatingActions from './WarehouseActivateFormFloatingActions';
 
 /**
- * warehouse activate form content.
+ * Warehouse activate form content.
  */
 export default function WarehouseActivateFormContent() {
   return (
     <Form>
       <div className={Classes.DIALOG_BODY}>
-        <Callout icon={null} intent={Intent.PRIMARY}>
-          Aute esse eiusmod dolore ipsum dolor sint qui proident pariatur
-          proident fugiat ea ad aliquip.
-        </Callout>
+        <p class="paragraph">
+          Once you enable <strong>Multiply Warehouses</strong>, you will not be able to disable it.
+          However, you can delete the warehouse or mark it inactive.
+        </p>
+
+        <ul class="paragraph list">
+          <li>
+            The current organization will be considered as the Primary Warehouse.
+          </li>
+          <li>
+            All inventory transactions will be considered as the Primary Warehouse.
+          </li>
+        </ul>
       </div>
       <WarehouseActivateFormFloatingActions />
     </Form>

src/containers/Dialogs/WarehouseActivateDialog/WarehouseActivateFormFloatingActions.js

@@ -37,7 +37,7 @@ function WarehouseActivateFormFloatingActions({
           style={{ minWidth: '95px' }}
           type="submit"
         >
-          {<T id={'activate'} />}
+          {<T id={'warehouses.activate_button'} />}
         </Button>
       </div>
     </div>

src/containers/Dialogs/WarehouseActivateDialog/index.js

@@ -16,7 +16,7 @@ function WarehouseActivateDialog({ dialogName, payload: {}, isOpen }) {
   return (
     <Dialog
       name={dialogName}
-      title={<T id={'warehouse_activate.dialog_success_message'} />}
+      title={<T id={'warehouse_actviate.dialog.label'} />}
       isOpen={isOpen}
       canEscapeJeyClose={true}
       autoFocus={true}

src/containers/Preferences/Branches/BranchesEmptyStatus.js

@@ -29,11 +29,7 @@ function BranchesEmptyStatus({
             large={true}
             onClick={handleActivateBranch}
           >
-            <T id={'activate'} />
-          </Button>
-
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
+            <T id={'branches.activate_button'} />
           </Button>
         </React.Fragment>
       }

src/containers/Preferences/Warehouses/WarehousesEmptyStatus.js

@@ -29,11 +29,7 @@ function WarehousesEmptyStatus({
             large={true}
             onClick={handleActivateWarehouse}
           >
-            <T id={'activate'} />
-          </Button>
-
-          <Button intent={Intent.NONE} large={true}>
-            <T id={'learn_more'} />
+            <T id={'warehouses.activate_button'} />
           </Button>
         </React.Fragment>
       }