🔨 Switch NewSandboxButton to use useOvermind (codesandbox#2541)

* 🔨 Switch NewSandboxButton to use useOvermind

* Fix types

* Fix types

Author: MichaelDeBoey

packages/app/src/app/pages/Sandbox/Editor/Header/Buttons/NewSandboxButton.tsx

@@ -1,14 +1,20 @@
-import React from 'react';
+import React, { FunctionComponent } from 'react';
 import PlusIcon from 'react-icons/lib/go/plus';
-import { inject, hooksObserver } from 'app/componentConnectors';
+
+import { useOvermind } from 'app/overmind';
+
 import { Action } from './Action';
 
-export const NewSandboxButton = inject('signals')(
-  hooksObserver(({ signals: { modalOpened } }) => (
+export const NewSandboxButton: FunctionComponent = () => {
+  const {
+    actions: { modalOpened },
+  } = useOvermind();
+
+  return (
     <Action
+      Icon={PlusIcon}
       onClick={() => modalOpened({ modal: 'newSandbox' })}
       tooltip="New Sandbox"
-      Icon={PlusIcon}
     />
-  ))
-);
+  );
+};