monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): integrate WinBox and SSH buttons into device page

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-12 15:45:14 -05:00
parent b76fdb3240
commit d2471278ab
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/routes/_authenticated/tenants/$tenantId/devices/$deviceId.tsx
View File

@@ -55,6 +55,8 @@ import { InterfaceGauges } from '@/components/network/InterfaceGauges'
import { useSimpleConfigMode } from '@/hooks/useSimpleConfig' import { useSimpleConfigMode } from '@/hooks/useSimpleConfig'
import { SimpleModeToggle } from '@/components/simple-config/SimpleModeToggle' import { SimpleModeToggle } from '@/components/simple-config/SimpleModeToggle'
import { SimpleConfigView } from '@/components/simple-config/SimpleConfigView' import { SimpleConfigView } from '@/components/simple-config/SimpleConfigView'
import { WinBoxButton } from '@/components/fleet/WinBoxButton'
import { SSHTerminal } from '@/components/fleet/SSHTerminal'
export const Route = createFileRoute( export const Route = createFileRoute(
'/_authenticated/tenants/$tenantId/devices/$deviceId', '/_authenticated/tenants/$tenantId/devices/$deviceId',
@@ -450,6 +452,14 @@ function DeviceDetailPage() {
</div> </div>
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<SimpleModeToggle mode={mode} onModeChange={toggleMode} /> <SimpleModeToggle mode={mode} onModeChange={toggleMode} />
{user?.role !== 'viewer' && (
<div className="flex gap-2">
{device.routeros_version !== null && (
<WinBoxButton tenantId={tenantId} deviceId={deviceId} />
)}
<SSHTerminal tenantId={tenantId} deviceId={deviceId} deviceName={device.hostname} />
</div>
)}
<div className="flex gap-2"> <div className="flex gap-2">
{canWrite(user) && ( {canWrite(user) && (
<Button variant="outline" size="sm" onClick={() => setEditOpen(true)} data-testid="button-edit-device"> <Button variant="outline" size="sm" onClick={() => setEditOpen(true)} data-testid="button-edit-device">