Refactor on /Modals/SelectSandboxModal/index.js

Author: eliamartani

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

@@ -0,0 +1,40 @@
+import React, { FunctionComponent } from 'react';
+import Sandbox from './Sandbox';
+
+import { Padding } from './elements';
+import { useOvermind } from 'app/overmind';
+
+export const SelectSandboxModal: FunctionComponent = () => {
+  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>
+  );
+};