🔨Refactor /app/pages/GitHub/index.js (codesandbox#2657)

* Refactor to overmind and rename file extension to tsx

* change to named import for GitHub component

Author: nobioma1

…ckages/app/src/app/pages/GitHub/index.js …kages/app/src/app/pages/GitHub/index.tsxpackages/app/src/app/pages/GitHub/index.js renamed to packages/app/src/app/pages/GitHub/index.tsx packages/app/src/app/pages/GitHub/index.js renamed to packages/app/src/app/pages/GitHub/index.tsx

@@ -7,7 +7,7 @@ import {
   protocolAndHost,
   gitHubRepoPattern,
 } from '@codesandbox/common/lib/utils/url-generator';
-import { inject, hooksObserver } from 'app/componentConnectors';
+import { useOvermind } from 'app/overmind';
 import { Title } from 'app/components/Title';
 import { SubTitle } from 'app/components/SubTitle';
 import { Navigation } from 'app/pages/common/Navigation';
@@ -23,11 +23,15 @@ import {
 const getFullGitHubUrl = url =>
   `${protocolAndHost()}${gitHubToSandboxUrl(url)}`;
 
-const GitHub = ({ signals: { githubPageMounted } }) => {
+export const GitHub = () => {
   const [error, setError] = useState(null);
   const [transformedUrl, setTransformedUrl] = useState('');
   const [url, setUrl] = useState('');
 
+  const {
+    actions: { githubPageMounted },
+  } = useOvermind();
+
   useEffect(() => {
     githubPageMounted();
   }, [githubPageMounted]);
@@ -109,6 +113,3 @@ const GitHub = ({ signals: { githubPageMounted } }) => {
     </MaxWidth>
   );
 };
-
-// eslint-disable-next-line import/no-default-export
-export default inject('signals')(hooksObserver(GitHub));

packages/app/src/app/pages/index.tsx

@@ -41,7 +41,9 @@ const Search = Loadable(() =>
 const CLI = Loadable(() => import(/* webpackChunkName: 'page-cli' */ './CLI'));
 
 const GitHub = Loadable(() =>
-  import(/* webpackChunkName: 'page-github' */ './GitHub')
+  import(/* webpackChunkName: 'page-github' */ './GitHub').then(module => ({
+    default: module.GitHub,
+  }))
 );
 const CliInstructions = Loadable(() =>
   import(