idolpx/meatloaf-config
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(StatusPage): update system status display with uptime and remove IP/MAC address

Browse Source
This commit is contained in:
Jaime Idolpx 2026-06-09 22:49:08 -04:00
parent 009c691153
commit c9c4d12687
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/MediaEntry.tsx
View File

@ -33,7 +33,7 @@ export const IMAGE_EXTS = new Set(['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp',
export const AUDIO_EXTS = new Set(['sid', 'psid', 'rsid', 'mus', 'vgm']); export const AUDIO_EXTS = new Set(['sid', 'psid', 'rsid', 'mus', 'vgm']);
export const ROM_EXTS = new Set(['bin', 'rom', 'crt']); export const ROM_EXTS = new Set(['bin', 'rom', 'crt']);
export const TAPE_EXTS = new Set(['tap', 'htap', 't64', 'tcrt']); export const TAPE_EXTS = new Set(['tap', 'htap', 't64', 'tcrt']);
export const DISK_EXTS = new Set(['d41', 'd64', 'd71', 'd80', 'd81', 'd82', 'g64', 'g71', 'g81', 'p64', 'p71', 'p81', 'nib']); export const DISK_EXTS = new Set(['c64', 'd41', 'd64', 'd67', 'd71', 'd80', 'd81', 'd82', 'd88', 'f64', 'g41', 'g64', 'g71', 'g81', 'm2i', 'nbz', 'nib', 'p64', 'p71', 'p81', 'scp', 'x64']);
export const DISC_EXTS = new Set(['iso', 'img', 'cue']); export const DISC_EXTS = new Set(['iso', 'img', 'cue']);
export const HD_EXTS = new Set(['d1m', 'd2m', 'd4m', 'd90', 'dhd', 'hdd', 'bbt', 'd8b', 'dfi']); export const HD_EXTS = new Set(['d1m', 'd2m', 'd4m', 'd90', 'dhd', 'hdd', 'bbt', 'd8b', 'dfi']);
export const ARCHIVE_EXTS = new Set(['zip', '7z', 'tar', 'gz', 'bz2', 'xz', 'rar', 'arj', 'lzh', 'ace', 'z', 'lha', 'cab', 'lbr', 'arc', 'ark', 'lnx']); export const ARCHIVE_EXTS = new Set(['zip', '7z', 'tar', 'gz', 'bz2', 'xz', 'rar', 'arj', 'lzh', 'ace', 'z', 'lha', 'cab', 'lbr', 'arc', 'ark', 'lnx']);

20
src/app/components/StatusPage.tsx
View File

@ -378,6 +378,13 @@ export default function StatusPage({ config, setConfig }: StatusPageProps) {
<h2 className="text-sm text-neutral-500 flex items-center gap-2"> <h2 className="text-sm text-neutral-500 flex items-center gap-2">
<Computer className="w-4 h-4" /> <Computer className="w-4 h-4" />
System Status System Status
<div className="ml-auto flex items-center gap-3">
<div className="text-xs text-neutral-500">Uptime</div>
<div className="flex items-center gap-1 text-sm">
<Clock className="w-3 h-3" />
<span>3h 24m</span>
</div>
</div>
</h2> </h2>
<div className="bg-white border border-neutral-200 rounded-lg p-4"> <div className="bg-white border border-neutral-200 rounded-lg p-4">
@ -422,10 +429,6 @@ export default function StatusPage({ config, setConfig }: StatusPageProps) {
<Wifi className="w-3 h-3 text-green-600" /> <Wifi className="w-3 h-3 text-green-600" />
<span>Connected</span> <span>Connected</span>
</div> </div>
<div className="text-xs text-neutral-500 mt-1">IP Address</div>
<div className="text-sm text-neutral-700">192.168.1.100</div>
<div className="text-xs text-neutral-500 mt-1">MAC Address</div>
<div className="text-sm text-neutral-700">AA:BB:CC:DD:EE:FF</div>
<div className="text-xs text-neutral-500 mt-1">WebSocket</div> <div className="text-xs text-neutral-500 mt-1">WebSocket</div>
<div className="flex items-center gap-1 text-sm"> <div className="flex items-center gap-1 text-sm">
{wsStatus === 'connecting' && <><Loader2 className="w-3 h-3 text-yellow-500 animate-spin" /><span className="text-yellow-600">Connecting</span></>} {wsStatus === 'connecting' && <><Loader2 className="w-3 h-3 text-yellow-500 animate-spin" /><span className="text-yellow-600">Connecting</span></>}
@ -434,11 +437,10 @@ export default function StatusPage({ config, setConfig }: StatusPageProps) {
</div> </div>
</div> </div>
<div> <div>
<div className="text-xs text-neutral-500">Uptime</div> <div className="text-xs text-neutral-500 mt-1">IP Address</div>
<div className="flex items-center gap-1 text-sm"> <div className="text-sm text-neutral-700">192.168.1.100</div>
<Clock className="w-3 h-3" /> <div className="text-xs text-neutral-500 mt-1">MAC Address</div>
<span>3h 24m</span> <div className="text-sm text-neutral-700">AA:BB:CC:DD:EE:FF</div>
</div>
</div> </div>
</div> </div>
<div className="flex flex-col gap-2 mt-6"> <div className="flex flex-col gap-2 mt-6">