Refactor, Overmind: Refactor SelectSandboxModal which now uses useOvermind (codesandbox#2743)

Author: MihirGH

packages/app/src/app/pages/common/Modals/SelectSandboxModal/index.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { useOvermind } from 'app/overmind';
+import Sandbox from './Sandbox';
+
+import { Padding } from './elements';
+
+function SelectSandboxModal() {
+  const {
+    state: {
+      profile: { isLoadingSandboxes, showcasedSandbox, userSandboxes },
+    },
+    actions: {
+      profile: { newSandboxShowcaseSelected },
+    },
+  } = useOvermind();
+
+  if (isLoadingSandboxes) return <Padding>Loading sandboxes...</Padding>;
+
+  const currentShowcasedSandboxId = showcasedSandbox && showcasedSandbox.id;
+
+  return (
+    <div>
+      {userSandboxes
+        .filter(x => x)
+        .map(sandbox => (
+          <Sandbox
+            active={sandbox.id === currentShowcasedSandboxId}
+            key={sandbox.id}
+            sandbox={sandbox}
+            setShowcasedSandbox={id => newSandboxShowcaseSelected({ id })}
+          />
+        ))}
+    </div>
+  );
+}
+export default SelectSandboxModal;