Move project from bordanlage/ to repo root
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
22
dashboard/src/components/systems/EngineData.jsx
Normal file
22
dashboard/src/components/systems/EngineData.jsx
Normal file
@@ -0,0 +1,22 @@
|
||||
import Gauge from '../instruments/Gauge.jsx'
|
||||
import { useNMEA } from '../../hooks/useNMEA.js'
|
||||
|
||||
export default function EngineData() {
|
||||
const { rpm, waterTemp, fuel } = useNMEA()
|
||||
|
||||
return (
|
||||
<div style={styles.grid}>
|
||||
<Gauge value={rpm} min={0} max={3000} label="RPM" unit="rpm" warning={2500} danger={2800} />
|
||||
<Gauge value={waterTemp} min={0} max={120} label="Coolant" unit="°C" warning={85} danger={100} />
|
||||
<Gauge value={fuel} min={0} max={100} label="Fuel" unit="%" warning={20} danger={10} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const styles = {
|
||||
grid: {
|
||||
display: 'flex', gap: 8, flexWrap: 'wrap', justifyContent: 'center',
|
||||
padding: 16, background: 'var(--surface)',
|
||||
borderRadius: 'var(--radius)', border: '1px solid var(--border)',
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user