Spaces:
Paused
Paused
Create frontend/src/components/StatusBar.tsx
Browse files
frontend/src/components/StatusBar.tsx
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import React from 'react';
|
| 2 |
+
import { FaMicrochip, FaPlug } from 'react-icons/fa';
|
| 3 |
+
|
| 4 |
+
const StatusBar: React.FC<{ model: string }> = ({ model }) => {
|
| 5 |
+
return (
|
| 6 |
+
<div style={{ height: 24, background: 'var(--bg-tertiary)', borderTop: '1px solid var(--border)', display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '0 12px', fontSize: 12, color: 'var(--text-secondary)' }}>
|
| 7 |
+
<div style={{ display: 'flex', gap: 15 }}>
|
| 8 |
+
<span><FaPlug style={{ color: 'var(--success)' }} /> Connected</span>
|
| 9 |
+
<span><FaMicrochip /> {model}</span>
|
| 10 |
+
</div>
|
| 11 |
+
<span>Ln 1, Col 1</span>
|
| 12 |
+
</div>
|
| 13 |
+
);
|
| 14 |
+
};
|
| 15 |
+
|
| 16 |
+
export default StatusBar;
|