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 ( - - Are you sure you want to permanently delete all the sandboxes in the - trash? - - } - 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 ( + modalClosed()} + onConfirm={async () => { + await permanentlyDeleteSandboxes(trashSandboxIds); + modalClosed(); + }} + /> + ); +}; + +export default EmptyTrash;