Hide commit button when no Git repositories are detected

Author: robertpiosik

packages/vscode/src/views/panel/backend/panel-provider.ts

@@ -763,7 +763,8 @@ export class PanelProvider implements vscode.WebviewViewProvider {
       )
       this.send_message({
         command: 'GIT_STATE_CHANGED',
-        has_changes_to_commit: has_changes
+        has_changes_to_commit: has_changes,
+        has_some_git_repositories: git.repositories.length > 0
       })
     } catch (error) {
       Logger.warn({

packages/vscode/src/views/panel/frontend/Panel.tsx

@@ -80,6 +80,7 @@ export const Panel = () => {
     set_chat_input_focus_and_select_key,
     context_size_warning_threshold,
     has_changes_to_commit,
+    has_some_git_repositories,
     can_undo,
     context_file_paths,
     presets_collapsed,
@@ -224,6 +225,7 @@ export const Panel = () => {
           <Layout
             on_donate_click={() => set_viewing_donations(true)}
             are_links_dimmed={active_view == 'main'}
+            has_some_git_repositories={has_some_git_repositories}
           >
             <div
               className={cn(styles.content, {

packages/vscode/src/views/panel/frontend/components/Layout/Footer/Footer.tsx

@@ -8,6 +8,7 @@ import { LayoutContext } from '../../../contexts/LayoutContext'
 type Props = {
   on_donate_click: () => void
   are_links_dimmed?: boolean
+  has_some_git_repositories?: boolean
 }
 
 export const Footer: React.FC<Props> = (props) => {
@@ -152,29 +153,33 @@ export const Footer: React.FC<Props> = (props) => {
               )}
             />
           </button>
-          <button
-            className={cn(styles['footer__action-button'], {
-              [styles['footer__action-button--compact']]: compact_step >= 2
-            })}
-            onClick={handle_commit_click}
-            title={
-              has_changes_to_commit && !is_commit_disabled_temporarily
-                ? 'Commit changes'
-                : 'No changes to commit'
-            }
-            disabled={!has_changes_to_commit || is_commit_disabled_temporarily}
-          >
-            <span className={styles['footer__action-button__text']}>
-              Commit
-            </span>
-            <span
-              className={cn(
-                styles['footer__action-button__icon'],
-                'codicon',
-                'codicon-git-commit'
-              )}
-            />
-          </button>
+          {props.has_some_git_repositories && (
+            <button
+              className={cn(styles['footer__action-button'], {
+                [styles['footer__action-button--compact']]: compact_step >= 2
+              })}
+              onClick={handle_commit_click}
+              title={
+                has_changes_to_commit && !is_commit_disabled_temporarily
+                  ? 'Commit changes'
+                  : 'No changes to commit'
+              }
+              disabled={
+                !has_changes_to_commit || is_commit_disabled_temporarily
+              }
+            >
+              <span className={styles['footer__action-button__text']}>
+                Commit
+              </span>
+              <span
+                className={cn(
+                  styles['footer__action-button__icon'],
+                  'codicon',
+                  'codicon-git-commit'
+                )}
+              />
+            </button>
+          )}
         </div>
       </div>
     </>

packages/vscode/src/views/panel/frontend/components/Layout/Layout.tsx

@@ -5,19 +5,22 @@ type Props = {
   children: React.ReactNode
   on_donate_click: () => void
   are_links_dimmed?: boolean
+  has_some_git_repositories: boolean
 }
 
 export const Layout: React.FC<Props> = ({
   children,
   on_donate_click,
-  are_links_dimmed
+  are_links_dimmed,
+  has_some_git_repositories
 }) => {
   return (
     <div className={styles.container}>
       <div className={styles.content}>{children}</div>
       <Footer
         on_donate_click={on_donate_click}
         are_links_dimmed={are_links_dimmed}
+        has_some_git_repositories={has_some_git_repositories}
       />
     </div>
   )

packages/vscode/src/views/panel/frontend/hooks/use-panel.ts

@@ -108,6 +108,8 @@ export const use_panel = (vscode: any) => {
     useState<number>()
   const [has_changes_to_commit, set_has_changes_to_commit] =
     useState<boolean>(false)
+  const [has_some_git_repositories, set_has_some_git_repositories] =
+    useState<boolean>(true)
   const [can_undo, set_can_undo] = useState<boolean>(false)
   const [context_file_paths, set_context_file_paths] = useState<string[]>([])
   const [presets_collapsed_by_web_mode, set_presets_collapsed_by_web_mode] =
@@ -346,6 +348,7 @@ export const use_panel = (vscode: any) => {
         set_context_size_warning_threshold(message.threshold)
       } else if (message.command == 'GIT_STATE_CHANGED') {
         set_has_changes_to_commit(message.has_changes_to_commit)
+        set_has_some_git_repositories(message.has_some_git_repositories)
       } else if (message.command == 'CAN_UNDO_CHANGED') {
         set_can_undo(message.can_undo)
       } else if (message.command == 'SHOW_PREVIEW_ONGOING_MODAL') {
@@ -554,6 +557,7 @@ export const use_panel = (vscode: any) => {
     set_chat_input_focus_and_select_key,
     context_size_warning_threshold,
     has_changes_to_commit,
+    has_some_git_repositories,
     can_undo,
     context_file_paths,
     presets_collapsed: web_prompt_type

packages/vscode/src/views/panel/types/messages.ts

@@ -577,6 +577,7 @@ export interface EditorSelectionChangedMessage extends BaseMessage {
 export interface GitStateChangedMessage extends BaseMessage {
   command: 'GIT_STATE_CHANGED'
   has_changes_to_commit: boolean
+  has_some_git_repositories: boolean
 }
 
 export interface ChatHistoryMessage extends BaseMessage {