Spaces:
Paused
Paused
Update frontend/src/App.tsx
Browse files- 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 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 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 |
)}
|