Drill action props

Author: smashwilson

lib/containers/github-tab-container.js

@@ -15,6 +15,11 @@ export default class GitHubTabContainer extends React.Component {
     repository: PropTypes.object,
     loginModel: GithubLoginModelPropType.isRequired,
     rootHolder: RefHolderPropType.isRequired,
+
+    openCreateDialog: PropTypes.func.isRequired,
+    openPublishDialog: PropTypes.func.isRequired,
+    openCloneDialog: PropTypes.func.isRequired,
+    openGitTab: PropTypes.func.isRequired,
   }
 
   state = {};

lib/controllers/github-tab-controller.js

@@ -26,6 +26,10 @@ export default class GitHubTabController extends React.Component {
     changeWorkingDirectory: PropTypes.func.isRequired,
     onDidChangeWorkDirs: PropTypes.func.isRequired,
     getCurrentWorkDirs: PropTypes.func.isRequired,
+    openCreateDialog: PropTypes.func.isRequired,
+    openPublishDialog: PropTypes.func.isRequired,
+    openCloneDialog: PropTypes.func.isRequired,
+    openGitTab: PropTypes.func.isRequired,
   }
 
   render() {
@@ -63,6 +67,10 @@ export default class GitHubTabController extends React.Component {
         changeWorkingDirectory={this.props.changeWorkingDirectory}
         getCurrentWorkDirs={this.props.getCurrentWorkDirs}
         onDidChangeWorkDirs={this.props.onDidChangeWorkDirs}
+        openCreateDialog={this.props.openCreateDialog}
+        openPublishDialog={this.props.openPublishDialog}
+        openCloneDialog={this.props.openCloneDialog}
+        openGitTab={this.props.openGitTab}
       />
     );
   }

lib/controllers/root-controller.js

@@ -312,6 +312,10 @@ export default class RootController extends React.Component {
               getCurrentWorkDirs={getCurrentWorkDirs}
               onDidChangeWorkDirs={onDidChangeWorkDirs}
               changeWorkingDirectory={this.props.changeWorkingDirectory}
+              openCreateDialog={this.openCreateDialog}
+              openPublishDialog={this.openPublishDialog}
+              openCloneDialog={this.openCloneDialog}
+              openGitTab={this.gitTabTracker.toggleFocus}
             />
           )}
         </PaneItem>

lib/items/github-tab-item.js

@@ -12,6 +12,11 @@ export default class GitHubTabItem extends React.Component {
     loginModel: GithubLoginModelPropType.isRequired,
 
     documentActiveElement: PropTypes.func,
+
+    openCreateDialog: PropTypes.func.isRequired,
+    openPublishDialog: PropTypes.func.isRequired,
+    openCloneDialog: PropTypes.func.isRequired,
+    openGitTab: PropTypes.func.isRequired,
   }
 
   static defaultProps = {

lib/views/github-blank-nolocal.js

@@ -1,23 +1,27 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
-export default function GitHubBlankNoLocal() {
+export default function GitHubBlankNoLocal(props) {
   return (
     <div className="github-NoLocal github-Blank">
       <div className="github-Blank-LargeIcon icon icon-mark-github" />
       <h1 className="github-Blank-banner">Welcome</h1>
       <p className="github-Blank-context">How would you like to get started today?</p>
       <p className="github-Blank-option">
-        <button
-          className="github-Blank-actionBtn btn icon icon-repo-create">
+        <button className="github-Blank-actionBtn btn icon icon-repo-create" onClick={props.openCreateDialog}>
           Create a new GitHub repository...
         </button>
       </p>
       <p className="github-Blank-option">
-        <button
-          className="github-Blank-actionBtn btn icon icon-repo-clone">
+        <button className="github-Blank-actionBtn btn icon icon-repo-clone" onClick={props.openCloneDialog}>
           Clone an existing GitHub repository...
         </button>
       </p>
     </div>
   );
 }
+
+GitHubBlankNoLocal.propTypes = {
+  openCreateDialog: PropTypes.func.isRequired,
+  openCloneDialog: PropTypes.func.isRequired,
+};

lib/views/github-blank-noremote.js

@@ -1,13 +1,13 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
-export default function GitHubBlankNoRemote() {
+export default function GitHubBlankNoRemote(props) {
   return (
     <div className="github-Local-NoRemotes github-Blank">
       <div className="github-Blank-LargeIcon icon icon-mark-github" />
       <p className="github-Blank-context">This repository has no remotes on GitHub.</p>
       <p className="github-Blank-option github-Blank-option--explained">
-        <button
-          className="github-Blank-actionBtn btn icon icon-globe">
+        <button className="github-Blank-actionBtn btn icon icon-globe" onClick={props.openPublishDialog}>
           Publish on GitHub...
         </button>
       </p>
@@ -17,3 +17,7 @@ export default function GitHubBlankNoRemote() {
     </div>
   );
 }
+
+GitHubBlankNoRemote.propTypes = {
+  openPublishDialog: PropTypes.func.isRequired,
+};

lib/views/github-blank-uninitialized.js

@@ -1,15 +1,16 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 import Octicon from '../atom/octicon';
 
-export default function GitHubBlankUninitialized() {
+export default function GitHubBlankUninitialized(props) {
   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">
+          <button className="github-Blank-actionBtn btn icon icon-globe" onClick={props.openPublishDialog}>
           Initialize and publish on GitHub...
           </button>
         </p>
@@ -20,8 +21,15 @@ export default function GitHubBlankUninitialized() {
       </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>
+        <button className="github-Blank-tabLink" onClick={props.openGitTab}>
+          <Octicon icon="git-commit" />Git tab.
+        </button>
       </footer>
     </div>
   );
 }
+
+GitHubBlankUninitialized.propTypes = {
+  openPublishDialog: PropTypes.func.isRequired,
+  openGitTab: PropTypes.func.isRequired,
+};

lib/views/github-tab-view.js

@@ -36,6 +36,10 @@ export default class GitHubTabView extends React.Component {
     changeWorkingDirectory: PropTypes.func.isRequired,
     onDidChangeWorkDirs: PropTypes.func.isRequired,
     getCurrentWorkDirs: PropTypes.func.isRequired,
+    openCreateDialog: PropTypes.func.isRequired,
+    openPublishDialog: PropTypes.func.isRequired,
+    openCloneDialog: PropTypes.func.isRequired,
+    openGitTab: PropTypes.func.isRequired,
   }
 
   render() {