Enable push/pull buttons for empty repos

src/components/Toolbar.tsx

@@ -110,6 +110,11 @@ export interface IToolbarState {
    * Panel tab identifier.
    */
   tab: number;
+
+  /**
+   * Boolean indicating whether a remote exists.
+   */
+  hasRemote: boolean;
 }
 
 /**
@@ -126,10 +131,24 @@ export class Toolbar extends React.Component<IToolbarProps, IToolbarState> {
     super(props);
     this.state = {
       branchMenu: false,
-      tab: 0
+      tab: 0,
+      hasRemote: false
     };
   }
 
+  /**
+   * Check whether or not the repo has any remotes
+   */
+  async componentDidMount(): Promise<void> {
+    try {
+      const remotes = await this.props.model.getRemotes();
+      const hasRemote = remotes.length > 0 ? true : false;
+      this.setState({ hasRemote });
+    } catch (err) {
+      console.error(err);
+    }
+  }
+
   /**
    * Renders the component.
    *
@@ -154,10 +173,7 @@ export class Toolbar extends React.Component<IToolbarProps, IToolbarState> {
     const activeBranch = this.props.branches.filter(
       branch => branch.is_current_branch
     );
-    // FIXME whether the repository as a remote or not should be done through a call to `git remote`
-    const hasRemote = this.props.branches.some(
-      branch => branch.is_remote_branch
-    );
+    const hasRemote = this.state.hasRemote;
     const hasUpstream = activeBranch[0]?.upstream !== null;
 
     return (