Add option to export to github even if it's forked from git

Fixes codesandbox#1298

Author: CompuIves

packages/app/src/app/pages/Sandbox/Editor/Workspace/CreateRepo/elements.js

@@ -1,10 +1,4 @@
 import styled from 'styled-components';
-import Margin from 'common/components/spacing/Margin';
-
-export const Container = Margin.extend`
-  color: ${props =>
-    props.theme.light ? 'rgba(0, 0, 0, 0.8)' : 'rgba(255, 255, 255, 0.8)'};
-`;
 
 export const Error = styled.div`
   margin: 1rem;

packages/app/src/app/pages/Sandbox/Editor/Workspace/CreateRepo/index.js

@@ -7,7 +7,7 @@ import Button from 'app/components/Button';
 
 import { WorkspaceSubtitle, WorkspaceInputContainer } from '../elements';
 
-import { Container, Error } from './elements';
+import { Error } from './elements';
 
 class CreateRepo extends React.Component {
   updateRepoTitle = e => {
@@ -19,16 +19,13 @@ class CreateRepo extends React.Component {
   };
 
   render() {
-    const { store } = this.props;
+    const { store, style } = this.props;
     const modulesNotSaved = !store.editor.isAllModulesSynced;
     const repoTitle = store.git.repoTitle;
     const error = store.git.error;
 
     return (
-      <div>
-        <Container margin={1} top={0.5}>
-          Export Sandbox to GitHub
-        </Container>
+      <div style={style}>
         {modulesNotSaved && (
           <Error>Save your files first before exporting.</Error>
         )}

packages/app/src/app/pages/Sandbox/Editor/Workspace/items/GitHub/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { inject, observer } from 'mobx-react';
 
 import GithubIntegration from '../../../../../common/GithubIntegration';
+import WorkspaceItem from '../../WorkspaceItem';
 import Git from '../../Git';
 import CreateRepo from '../../CreateRepo';
 import { Description } from '../../elements';
@@ -10,11 +11,16 @@ const GitHub = ({ store }) => {
   const sandbox = store.editor.currentSandbox;
 
   return store.user.integrations.github ? ( // eslint-disable-line
-    sandbox.originalGit ? (
-      <Git />
-    ) : (
-      <CreateRepo />
-    )
+    <React.Fragment>
+      {sandbox.originalGit && <Git />}
+
+      <WorkspaceItem
+        defaultOpen={!sandbox.originalGit}
+        title="Export to GitHub"
+      >
+        <CreateRepo />
+      </WorkspaceItem>
+    </React.Fragment>
   ) : (
     <div>
       <Description margin={1} top={0}>