🔨 Switch CommitModal to use useOvermind (codesandbox#2536)

Author: MichaelDeBoey

…pages/common/Modals/CommitModal/index.js …ages/common/Modals/CommitModal/index.tsxpackages/app/src/app/pages/common/Modals/CommitModal/index.js renamed to packages/app/src/app/pages/common/Modals/CommitModal/index.tsx packages/app/src/app/pages/common/Modals/CommitModal/index.js renamed to packages/app/src/app/pages/common/Modals/CommitModal/index.tsx

@@ -1,17 +1,27 @@
-import React from 'react';
-import { inject, observer } from 'app/componentConnectors';
+import React, { FunctionComponent } from 'react';
+
 import { GitProgress } from 'app/components/GitProgress';
+import { useOvermind } from 'app/overmind';
+
+const CommitModal: FunctionComponent = () => {
+  const {
+    state: {
+      editor: {
+        currentSandbox: { originalGit: git },
+      },
+      git: { commit },
+      user: { username },
+    },
+  } = useOvermind();
 
-function CommitModal({ store }) {
-  const git = store.editor.currentSandbox.originalGit;
-  const { commit } = store.git;
   let message;
 
   if (commit) {
     if (commit.newBranch) {
       const newUrl = `https://github.com/${git.username}/${git.repo}/compare/${
         git.branch
-      }...${store.user.username}:${commit.newBranch}?expand=1`;
+      }...${username}:${commit.newBranch}?expand=1`;
+
       message = (
         <div>
           There was a merge conflict while committing, you can open a PR
@@ -36,6 +46,6 @@ function CommitModal({ store }) {
   }
 
   return <GitProgress result={message} message="Creating Commit..." />;
-}
+};
 
-export default inject('store')(observer(CommitModal));
+export default CommitModal;