amantahiliani/box-box
1
0
Fork 0
mirror of https://github.com/AmanTahiliani/box-box.git synced 2026-08-08 04:06:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

Complete React live and Race Hub views

Browse Source
This commit is contained in:
Aman Tahiliani
2026-05-25 02:56:06 -04:00
parent 5eb0983ffb
commit e410a01db1
23 changed files with 1243 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/src/pages/RaceHubPage.tsx
View File

@@ -11,6 +11,9 @@ import { TabBar, type Tab } from '../components/TabBar'
import { DatasetStatusView } from '../components/DatasetStatusView'
import { StrategyView } from '../components/StrategyView'
import { PositionEvolutionView } from '../components/PositionEvolutionView'
import { LapsView } from '../components/LapsView'
import { RaceControlView } from '../components/RaceControlView'
import { WeatherView } from '../components/WeatherView'
interface Props {
sessionKey: number
@@ -141,6 +144,42 @@ export function RaceHubPage({ sessionKey }: Props) {
</div>
)}
{activeTab === 'laps' && (
<div className="data-section">
<div className="sec-header">
<span className="sec-title">Laps</span>
{data.laps.length > 0 && (
<span className="sec-meta">{data.laps.length} samples</span>
)}
</div>
<LapsView laps={data.laps} />
</div>
)}
{activeTab === 'race_control' && (
<div className="data-section">
<div className="sec-header">
<span className="sec-title">Race Control</span>
{data.race_control.length > 0 && (
<span className="sec-meta">{data.race_control.length} messages</span>
)}
</div>
<RaceControlView messages={data.race_control} />
</div>
)}
{activeTab === 'weather' && (
<div className="data-section">
<div className="sec-header">
<span className="sec-title">Weather</span>
{data.weather.length > 0 && (
<span className="sec-meta">{data.weather.length} samples</span>
)}
</div>
<WeatherView weather={data.weather} />
</div>
)}
{activeTab === 'datasets' && (
<div className="data-section">
<div className="sec-header">