GitHub integration prevent crash (codesandbox#2676)

* update type

* prevent crash

Author: yeion7

packages/app/src/app/overmind/state.ts

@@ -19,7 +19,7 @@ type State = {
   authToken: string;
   error: string;
   contributors: string[];
-  user: CurrentUser;
+  user: CurrentUser | null;
   connected: boolean;
   notifications: Notification[];
   isLoadingCLI: boolean;

packages/app/src/app/pages/Sandbox/Editor/Workspace/items/GitHub/GitHub.tsx

@@ -17,9 +17,7 @@ export const GitHub: FunctionComponent = () => {
         currentSandbox: { originalGit, owned },
       },
       isLoggedIn,
-      user: {
-        integrations: { github },
-      },
+      user,
     },
   } = useOvermind();
   const showPlaceHolder = !owned || !isLoggedIn;
@@ -37,32 +35,33 @@ export const GitHub: FunctionComponent = () => {
     return <More message={message} id="github" />;
   }
 
-  return github ? ( // eslint-disable-line
-    originalGit ? (
+  if (!user.integrations.github) {
+    return (
       <>
-        <Git />
+        <Description>
+          You can create commits and open pull requests if you add GitHub to
+          your integrations.
+        </Description>
 
-        <WorkspaceItem title="Export to GitHub">
-          <CreateRepo />
-        </WorkspaceItem>
+        <div style={{ margin: '1rem' }}>
+          <GithubIntegration small />
+        </div>
       </>
-    ) : (
-      <>
-        <Description>Export your sandbox to GitHub.</Description>
+    );
+  }
+  return originalGit ? (
+    <>
+      <Git />
 
+      <WorkspaceItem title="Export to GitHub">
         <CreateRepo />
-      </>
-    )
+      </WorkspaceItem>
+    </>
   ) : (
     <>
-      <Description>
-        You can create commits and open pull requests if you add GitHub to your
-        integrations.
-      </Description>
+      <Description>Export your sandbox to GitHub.</Description>
 
-      <div style={{ margin: '1rem' }}>
-        <GithubIntegration small />
-      </div>
+      <CreateRepo />
     </>
   );
 };