feat: refactoring alerts.

src/containers/InventoryAdjustments/InventoryAdjustmentsAlerts.js

@@ -1,12 +1,20 @@
 import React from 'react';
-import InventoryAdjustmentDeleteAlert from 'containers/Alerts/Items/InventoryAdjustmentDeleteAlert';
-import InventoryAdjustmentPublishAlert from 'containers/Alerts/Items/InventoryAdjustmentPublishAlert';
 
-export default function InventoryAdjustmentsAlerts() {
-  return (
-    <div className={'inventory-adjustments-alert'}>
-      <InventoryAdjustmentDeleteAlert name={'inventory-adjustment-delete'} />
-      <InventoryAdjustmentPublishAlert name={'inventory-adjustment-publish'} />
-    </div>
-  );
-}
+const InventoryAdjustmentDeleteAlert = React.lazy(() =>
+  import('../Alerts/Items/InventoryAdjustmentDeleteAlert'),
+);
+
+const InventoryAdjustmentPublishAlert = React.lazy(() =>
+  import('../Alerts/Items/InventoryAdjustmentPublishAlert'),
+);
+
+export default [
+  {
+    name: 'inventory-adjustment-delete',
+    component: InventoryAdjustmentDeleteAlert,
+  },
+  {
+    name: 'inventory-adjustment-publish',
+    component: InventoryAdjustmentPublishAlert,
+  },
+];