🔨 Switch ShareButton to use useOvermind (codesandbox#2540)

* 🔨 Switch ShareButton to use useOvermind

* Fix types

* Fix types

Author: MichaelDeBoey

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

@@ -1,27 +1,27 @@
-import React from 'react';
-import { inject, hooksObserver } from 'app/componentConnectors';
+import React, { FunctionComponent } from 'react';
+
+import { useOvermind } from 'app/overmind';
+
 import { Button, ShareIcon } from './elements';
 
-export const ShareButton = inject('store', 'signals')(
-  hooksObserver(
-    ({
-      signals: { modalOpened },
-      store: {
-        editor: {
-          currentSandbox: { owned },
-        },
+export const ShareButton: FunctionComponent = () => {
+  const {
+    actions: { modalOpened },
+    state: {
+      editor: {
+        currentSandbox: { owned },
       },
-    }) => (
-      <Button
-        onClick={() => {
-          modalOpened({ modal: 'share' });
-        }}
-        secondary={!owned}
-        small
-      >
-        <ShareIcon />
-        Share
-      </Button>
-    )
-  )
-);
+    },
+  } = useOvermind();
+
+  return (
+    <Button
+      onClick={() => modalOpened({ modal: 'share' })}
+      secondary={!owned}
+      small
+    >
+      <ShareIcon />
+      Share
+    </Button>
+  );
+};