Render an "uninitialized" view

Author: smashwilson

lib/controllers/github-tab-controller.js

@@ -9,12 +9,12 @@ import GitHubTabView from '../views/github-tab-view';
 export default class GitHubTabController extends React.Component {
   static propTypes = {
     workspace: PropTypes.object.isRequired,
-    repository: PropTypes.object.isRequired,
     remoteOperationObserver: OperationStateObserverPropType.isRequired,
     loginModel: GithubLoginModelPropType.isRequired,
     rootHolder: RefHolderPropType.isRequired,
 
     workingDirectory: PropTypes.string,
+    repository: PropTypes.object.isRequired,
     allRemotes: RemoteSetPropType.isRequired,
     branches: BranchSetPropType.isRequired,
     selectedRemoteName: PropTypes.string,
@@ -48,6 +48,7 @@ export default class GitHubTabController extends React.Component {
         rootHolder={this.props.rootHolder}
 
         workingDirectory={this.props.workingDirectory || this.props.currentWorkDir}
+        repository={this.props.repository}
         branches={this.props.branches}
         currentBranch={currentBranch}
         remotes={gitHubRemotes}

lib/views/github-blank-uninitialized.js

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import Octicon from '../atom/octicon';
+
+export default function GitHubBlankUninitialized() {
+  return (
+    <div className="github-Local-Uninit github-Blank">
+      <main className="github-Blank-body">
+        <div className="github-Blank-LargeIcon icon icon-mark-github" />
+        <p className="github-Blank-context">This repository is not yet version controlled by git.</p>
+        <p className="github-Blank-option">
+          <button className="github-Blank-actionBtn btn icon icon-globe">
+          Initialize and publish on GitHub...
+          </button>
+        </p>
+        <p className="github-Blank-explanation">
+        Create a new GitHub repository, then track the existing content within this directory as a git repository
+        configured to push there.
+        </p>
+      </main>
+      <footer className="github-Blank-footer github-Blank-explanation">
+        To initialize this directory as a git repository without publishing it to GitHub, visit the
+        <a className="github-Blank-tabLink" href="https://example.com/"><Octicon icon="git-commit" />Git tab.</a>
+      </footer>
+    </div>
+  );
+}

lib/views/github-tab-view.js

@@ -8,6 +8,7 @@ import {
 import LoadingView from './loading-view';
 import RemoteSelectorView from './remote-selector-view';
 import TabHeaderView from './tab-header-view';
+import GitHubBlankUninitialized from './github-blank-uninitialized';
 import RemoteContainer from '../containers/remote-container';
 
 export default class GitHubTabView extends React.Component {
@@ -18,6 +19,7 @@ export default class GitHubTabView extends React.Component {
     rootHolder: RefHolderPropType.isRequired,
 
     workingDirectory: PropTypes.string,
+    repository: PropTypes.object.isRequired,
     branches: BranchSetPropType.isRequired,
     currentBranch: BranchPropType.isRequired,
     remotes: RemoteSetPropType.isRequired,
@@ -50,6 +52,12 @@ export default class GitHubTabView extends React.Component {
       return <LoadingView />;
     }
 
+    if (this.props.repository.isEmpty()) {
+      return (
+        <GitHubBlankUninitialized />
+      );
+    }
+
     if (this.props.currentRemote.isPresent()) {
       // Single, chosen or unambiguous remote
       return (

test/fixtures/props/github-tab-props.js

@@ -48,13 +48,15 @@ export function gitHubTabViewProps(atomEnv, repository, overrides = {}) {
     rootHolder: new RefHolder(),
 
     workingDirectory: repository.getWorkingDirectoryPath(),
+    repository,
     branches: new BranchSet(),
     currentBranch: nullBranch,
     remotes: new RemoteSet(),
     currentRemote: nullRemote,
     manyRemotesAvailable: false,
     aheadCount: 0,
     pushInProgress: false,
+    isLoading: false,
 
     handlePushBranch: () => {},
     handleRemoteSelect: () => {},

test/views/github-tab-view.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import {shallow} from 'enzyme';
+import temp from 'temp';
 
 import {gitHubTabViewProps} from '../fixtures/props/github-tab-props';
 import Repository from '../../lib/models/repository';
@@ -8,6 +9,8 @@ import RemoteSet from '../../lib/models/remote-set';
 import Branch from '../../lib/models/branch';
 import GitHubTabView from '../../lib/views/github-tab-view';
 
+import {buildRepository} from '../helpers';
+
 describe('GitHubTabView', function() {
   let atomEnv;
 
@@ -29,6 +32,14 @@ describe('GitHubTabView', function() {
     assert.isTrue(wrapper.find('LoadingView').exists());
   });
 
+  it('renders a uninitialized view when a local repository is not initialized', async function() {
+    const workdir = temp.mkdirSync();
+    const repository = await buildRepository(workdir);
+
+    const wrapper = shallow(buildApp({repository}));
+    assert.isTrue(wrapper.exists('GitHubBlankUninitialized'));
+  });
+
   it('renders a RemoteContainer if a remote has been chosen', function() {
     const currentRemote = new Remote('aaa', '[email protected]:aaa/bbb.git');
     const currentBranch = new Branch('bbb');