Mayank2027 commited on
Commit
fba0310
·
verified ·
1 Parent(s): 0eb49a3

Update frontend/src/App.tsx

Browse files
Files changed (1) hide show
  1. frontend/src/App.tsx +7 -22
frontend/src/App.tsx CHANGED
@@ -22,25 +22,12 @@ const App: React.FC = () => {
22
  useEffect(() => {
23
  const handleKeyDown = (e: KeyboardEvent) => {
24
  const mod = e.ctrlKey || e.metaKey;
25
- if (mod && e.key === 'b') {
26
- e.preventDefault();
27
- setSidebarVisible(prev => !prev);
28
- } else if (mod && e.key === '1') {
29
- e.preventDefault();
30
- setActiveBottom('chat');
31
- } else if (mod && e.key === '2') {
32
- e.preventDefault();
33
- setActiveBottom('agent');
34
- } else if (mod && e.key === '3') {
35
- e.preventDefault();
36
- setActiveBottom('terminal');
37
- } else if (mod && e.key === '4') {
38
- e.preventDefault();
39
- setActiveBottom('git');
40
- } else if (mod && e.key === '5') {
41
- e.preventDefault();
42
- setActiveBottom('tasks');
43
- }
44
  };
45
  window.addEventListener('keydown', handleKeyDown);
46
  return () => window.removeEventListener('keydown', handleKeyDown);
@@ -70,9 +57,7 @@ const App: React.FC = () => {
70
  <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
71
  <div style={{ display: 'flex', background: 'var(--bg-tertiary)', borderBottom: '1px solid var(--border)', padding: '0 8px', overflowX: 'auto' }}>
72
  {activeFile ? (
73
- <div style={{ padding: '8px 12px', borderBottom: '2px solid var(--accent)', color: 'var(--accent)', fontSize: 13 }}>
74
- 📄 {activeFile}
75
- </div>
76
  ) : (
77
  <div style={{ padding: '8px 12px', color: 'var(--text-secondary)', fontSize: 13 }}>No file selected</div>
78
  )}
 
22
  useEffect(() => {
23
  const handleKeyDown = (e: KeyboardEvent) => {
24
  const mod = e.ctrlKey || e.metaKey;
25
+ if (mod && e.key === 'b') { e.preventDefault(); setSidebarVisible(prev => !prev); }
26
+ else if (mod && e.key === '1') { e.preventDefault(); setActiveBottom('chat'); }
27
+ else if (mod && e.key === '2') { e.preventDefault(); setActiveBottom('agent'); }
28
+ else if (mod && e.key === '3') { e.preventDefault(); setActiveBottom('terminal'); }
29
+ else if (mod && e.key === '4') { e.preventDefault(); setActiveBottom('git'); }
30
+ else if (mod && e.key === '5') { e.preventDefault(); setActiveBottom('tasks'); }
 
 
 
 
 
 
 
 
 
 
 
 
 
31
  };
32
  window.addEventListener('keydown', handleKeyDown);
33
  return () => window.removeEventListener('keydown', handleKeyDown);
 
57
  <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
58
  <div style={{ display: 'flex', background: 'var(--bg-tertiary)', borderBottom: '1px solid var(--border)', padding: '0 8px', overflowX: 'auto' }}>
59
  {activeFile ? (
60
+ <div style={{ padding: '8px 12px', borderBottom: '2px solid var(--accent)', color: 'var(--accent)', fontSize: 13 }}>📄 {activeFile}</div>
 
 
61
  ) : (
62
  <div style={{ padding: '8px 12px', color: 'var(--text-secondary)', fontSize: 13 }}>No file selected</div>
63
  )}