chore: Refactoring all import directories to alias and all .js|.jsx renamed to be .ts|.tsx

src/containers/Drawers/ItemDetailDrawer/ItemDetailTab.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Tab } from '@blueprintjs/core';
+
+import { DrawerMainTabs, FormattedMessage as T } from '@/components';
+import { ItemPaymentTransactions } from './ItemPaymentTransactions';
+import ItemDetailHeader from './ItemDetailHeader';
+import WarehousesLocationsTable from './WarehousesLocations';
+
+import { Features } from '@/constants';
+import { useFeatureCan } from '@/hooks/state';
+
+export default function ItemDetailTab() {
+  const { featureCan } = useFeatureCan();
+
+  return (
+    <DrawerMainTabs renderActiveTabPanelOnly={true}>
+      <Tab
+        id={'overview'}
+        title={<T id={'overview'} />}
+        panel={<ItemDetailHeader />}
+      />
+      <Tab
+        id={'transactions'}
+        title={<T id={'transactions'} />}
+        panel={<ItemPaymentTransactions />}
+      />
+      {featureCan(Features.Warehouses) && (
+        <Tab
+          id={'warehouses'}
+          title={<T id={'warehouse_locations.label'} />}
+          panel={<WarehousesLocationsTable />}
+        />
+      )}
+    </DrawerMainTabs>
+  );
+}