seb/saltylab-firmware
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

feat(webui): add FLEET tab group to App.jsx — Issue #139

Browse Source 
Adds FleetPanel import and FLEET tab group (green) to the main
dashboard navigation. Fleet tab is self-contained via useFleet.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
sl-webui 2026-03-02 09:40:27 -05:00
parent 87b45e1b97
commit 85e5777994
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/social-bot/src/App.jsx
View File

@ -135,7 +135,9 @@ export default function App() {
<span className="text-orange-500 font-bold tracking-widest text-sm">⚡ SALTYBOT</span> <span className="text-orange-500 font-bold tracking-widest text-sm">⚡ SALTYBOT</span>
<span className="text-cyan-800 text-xs hidden sm:inline">DASHBOARD</span> <span className="text-cyan-800 text-xs hidden sm:inline">DASHBOARD</span>
</div> </div>
{activeTab !== 'fleet' && (
<ConnectionBar url={wsUrl} setUrl={setWsUrl} connected={connected} error={error} /> <ConnectionBar url={wsUrl} setUrl={setWsUrl} connected={connected} error={error} />
)}
</header> </header>
{/* ── Tab Navigation ── */} {/* ── Tab Navigation ── */}
@ -191,10 +193,16 @@ export default function App() {
{/* ── Footer ── */} {/* ── Footer ── */}
<footer className="bg-[#070712] border-t border-cyan-950 px-4 py-1.5 flex items-center justify-between text-xs text-gray-700 shrink-0"> <footer className="bg-[#070712] border-t border-cyan-950 px-4 py-1.5 flex items-center justify-between text-xs text-gray-700 shrink-0">
{activeTab !== 'fleet' ? (
<>
<span>rosbridge: <code className="text-gray-600">{wsUrl}</code></span> <span>rosbridge: <code className="text-gray-600">{wsUrl}</code></span>
<span className={connected ? 'text-green-700' : 'text-red-900'}> <span className={connected ? 'text-green-700' : 'text-red-900'}>
{connected ? 'CONNECTED' : 'DISCONNECTED'} {connected ? 'CONNECTED' : 'DISCONNECTED'}
</span> </span>
</>
) : (
<span className="text-green-800">FLEET MODE — multi-robot</span>
)}
</footer> </footer>
</div> </div>
); );