re-structure to monorepo.

packages/webapp/src/containers/Preferences/Warehouses/WarehousesEmptyStatus.tsx

@@ -0,0 +1,41 @@
+// @ts-nocheck
+import React from 'react';
+import { Button, Intent } from '@blueprintjs/core';
+import { FormattedMessage as T, EmptyStatus } from '@/components';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
+
+import { compose } from '@/utils';
+
+function WarehousesEmptyStatus({
+  // #withDialogActions
+  openDialog,
+}) {
+  // Handle activate action warehouse.
+  const handleActivateWarehouse = () => {
+    openDialog('warehouse-activate', {});
+  };
+
+  return (
+    <EmptyStatus
+      title={<T id={'warehouses.empty_status.title'} />}
+      description={
+        <p>
+          <T id={'warehouses.empty_status.description'} />
+        </p>
+      }
+      action={
+        <React.Fragment>
+          <Button
+            intent={Intent.PRIMARY}
+            large={true}
+            onClick={handleActivateWarehouse}
+          >
+            <T id={'warehouses.activate_button'} />
+          </Button>
+        </React.Fragment>
+      }
+    />
+  );
+}
+
+export default compose(withDialogActions)(WarehousesEmptyStatus);