Remove visibility logic for the Apply and Undo buttons from the LayoutContext to ensure they are always displayed in the panel footer

Author: robertpiosik

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

@@ -171,8 +171,6 @@ export const Panel = () => {
   }
 
   const layout_context_value = {
-    is_apply_visible: active_view == 'main' && mode == MODE.WEB,
-    is_undo_visible: active_view == 'main',
     can_undo,
     has_changes_to_commit,
     on_apply_click: handle_apply_click,

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

@@ -6,8 +6,6 @@ import { LayoutContext } from '../../contexts/LayoutContext'
 
 export const Footer: React.FC = () => {
   const {
-    is_apply_visible,
-    is_undo_visible,
     can_undo,
     has_changes_to_commit,
     on_apply_click,
@@ -83,40 +81,34 @@ export const Footer: React.FC = () => {
         </div>
 
         <div>
-          {is_apply_visible && (
-            <button
+          <button
+            className={cn(
+              styles['footer__action-button'],
+              styles['footer__action-button--no-shrink']
+            )}
+            onClick={handle_apply_click}
+            title={'Integrate copied chat response or a single code block'}
+            disabled={is_apply_disabled_temporarily}
+          >
+            Apply
+          </button>
+          <button
+            className={styles['footer__action-button']}
+            onClick={on_undo_click}
+            title={
+              'Restore saved state of the codebase after chat/API response integration'
+            }
+            disabled={!can_undo}
+          >
+            <span className={styles['footer__action-button__text']}>Undo</span>
+            <span
               className={cn(
-                styles['footer__action-button'],
-                styles['footer__action-button--no-shrink']
+                styles['footer__action-button__icon'],
+                'codicon',
+                'codicon-redo'
               )}
-              onClick={handle_apply_click}
-              title={'Integrate copied chat response or a single code block'}
-              disabled={is_apply_disabled_temporarily}
-            >
-              Apply
-            </button>
-          )}
-          {is_undo_visible && (
-            <button
-              className={styles['footer__action-button']}
-              onClick={on_undo_click}
-              title={
-                'Restore saved state of the codebase after chat/API response integration'
-              }
-              disabled={!can_undo}
-            >
-              <span className={styles['footer__action-button__text']}>
-                Undo
-              </span>
-              <span
-                className={cn(
-                  styles['footer__action-button__icon'],
-                  'codicon',
-                  'codicon-redo'
-                )}
-              />
-            </button>
-          )}
+            />
+          </button>
           <button
             className={styles['footer__action-button']}
             onClick={handle_commit_click}

packages/vscode/src/views/panel/frontend/contexts/LayoutContext.tsx

@@ -1,8 +1,6 @@
 import { createContext } from 'react'
 
 type LayoutContextType = {
-  is_apply_visible: boolean
-  is_undo_visible: boolean
   can_undo: boolean
   has_changes_to_commit: boolean
   on_apply_click: () => void
@@ -12,8 +10,6 @@ type LayoutContextType = {
 }
 
 export const LayoutContext = createContext<LayoutContextType>({
-  is_apply_visible: false,
-  is_undo_visible: false,
   can_undo: false,
   has_changes_to_commit: false,
   on_apply_click: () => {},