From 7f9b95de222aaf8ff71be6e593bb11947c1dd46b Mon Sep 17 00:00:00 2001
From: hardiked <hmodi97122@yahoo.in>
Date: Tue, 15 Oct 2019 17:59:35 +0530
Subject: [PATCH] refactor /app/pages/common/Modals/EmptyTrash/index.js to use
 OverMind and change it to tsx file

---
 .../pages/common/Modals/EmptyTrash/index.js   | 25 ------------------
 .../pages/common/Modals/EmptyTrash/index.tsx  | 26 +++++++++++++++++++
 2 files changed, 26 insertions(+), 25 deletions(-)
 delete mode 100644 packages/app/src/app/pages/common/Modals/EmptyTrash/index.js
 create mode 100644 packages/app/src/app/pages/common/Modals/EmptyTrash/index.tsx

diff --git a/packages/app/src/app/pages/common/Modals/EmptyTrash/index.js b/packages/app/src/app/pages/common/Modals/EmptyTrash/index.js
deleted file mode 100644
index 110130851b5..00000000000
--- a/packages/app/src/app/pages/common/Modals/EmptyTrash/index.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import { Alert } from 'app/components/Alert';
-import { inject, hooksObserver } from 'app/componentConnectors';
-import { permanentlyDeleteSandboxes } from '../../../Dashboard/queries';
-
-function EmptyTrash({ signals, store }) {
-  return (
-    <Alert
-      title="Empty Trash"
-      body={
-        <span>
-          Are you sure you want to permanently delete all the sandboxes in the
-          trash?
-        </span>
-      }
-      onCancel={() => signals.modalClosed()}
-      onConfirm={async () => {
-        await permanentlyDeleteSandboxes(store.dashboard.trashSandboxIds);
-        signals.modalClosed();
-      }}
-    />
-  );
-}
-
-export default inject('signals', 'store')(hooksObserver(EmptyTrash));
diff --git a/packages/app/src/app/pages/common/Modals/EmptyTrash/index.tsx b/packages/app/src/app/pages/common/Modals/EmptyTrash/index.tsx
new file mode 100644
index 00000000000..8ff3e2cdcb1
--- /dev/null
+++ b/packages/app/src/app/pages/common/Modals/EmptyTrash/index.tsx
@@ -0,0 +1,26 @@
+import { Alert } from 'app/components/Alert';
+import { useOvermind } from 'app/overmind';
+import React, { FunctionComponent } from 'react';
+import { permanentlyDeleteSandboxes } from '../../../Dashboard/queries';
+
+const EmptyTrash: FunctionComponent = () => {
+  const {
+    state: {
+      dashboard: { trashSandboxIds },
+    },
+    actions: { modalClosed },
+  } = useOvermind();
+  return (
+    <Alert
+      title="Empty Trash"
+      body="Are you sure you want to permanently delete all the sandboxes in the trash?"
+      onCancel={() => modalClosed()}
+      onConfirm={async () => {
+        await permanentlyDeleteSandboxes(trashSandboxIds);
+        modalClosed();
+      }}
+    />
+  );
+};
+
+export default EmptyTrash;