BIG-141: add inactive status to item details.

src/containers/Drawers/ItemDetailDrawer/ItemDetailDrawerProvider.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { DrawerHeaderContent, DrawerLoading } from 'components';
 import { useItem } from 'hooks/query';
+import { inactiveStatus } from './utlis';
 
 const ItemDetailDrawerContext = React.createContext();
 
@@ -27,7 +28,10 @@ function ItemDetailDrawerProvider({ itemId, ...props }) {
 
   return (
     <DrawerLoading loading={isItemLoading}>
-      <DrawerHeaderContent name="item-detail-drawer" title={item?.name} />
+      <DrawerHeaderContent
+        name="item-detail-drawer"
+        title={inactiveStatus(item)}
+      />
       <ItemDetailDrawerContext.Provider value={provider} {...props} />
     </DrawerLoading>
   );

src/containers/Drawers/ItemDetailDrawer/utlis.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import styled from 'styled-components';
+import { Intent, Tag } from '@blueprintjs/core';
+import { Choose, FormattedMessage as T } from '../../../components';
+
+/**
+ * items inactive status.
+ * @returns {React.JSX}
+ */
+export function inactiveStatus(item) {
+  return (
+    <Choose>
+      <Choose.When condition={!item.active}>
+        {item.name}
+        <StatusTag intent={Intent.NONE} minimal={true} round={true}>
+          <T id={'item.details.inactive'} />
+        </StatusTag>
+      </Choose.When>
+      <Choose.Otherwise>{item.name}</Choose.Otherwise>
+    </Choose>
+  );
+}
+
+const StatusTag = styled(Tag)`
+  font-size: 11px;
+  margin-left: 10px;
+`;

src/lang/ar/index.json

@@ -2013,5 +2013,6 @@
   "estimate.validation.expiration_date": "يجب أن يكون حقل {path} في وقت لاحق من {min}",
   "make_journal.entries.remove_row": "حذف الصف",
   "expense.entries.remove_row": "حذف الصف",
-  "warehouse_transfer.entries.remove_row": "حذف الصف"
+  "warehouse_transfer.entries.remove_row": "حذف الصف",
+  "item.details.inactive": "غير نشط"
 }

src/lang/en/index.json

@@ -2013,5 +2013,6 @@
   "estimate.validation.expiration_date": "{path} field must be later than {min}",
   "make_journal.entries.remove_row": "Remove line",
   "expense.entries.remove_row": "Remove line",
-  "warehouse_transfer.entries.remove_row": "Remove line"
+  "warehouse_transfer.entries.remove_row": "Remove line",
+  "item.details.inactive": "Inactive"
 }