Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add empty state handling for DHCP lease information

This commit is contained in:
Adam Shiervani 2025-08-11 16:23:40 +02:00
parent 5c07b8444c
commit d430cc5496
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/components/DhcpLeaseCard.tsx
View File

@ -5,6 +5,8 @@ import { GridCard } from "@/components/Card";
import { LifeTimeLabel } from "@/routes/devices.$id.settings.network"; import { LifeTimeLabel } from "@/routes/devices.$id.settings.network";
import { NetworkState } from "@/hooks/stores"; import { NetworkState } from "@/hooks/stores";
import EmptyCard from "./EmptyCard";
export default function DhcpLeaseCard({ export default function DhcpLeaseCard({
networkState, networkState,
setShowRenewLeaseConfirm, setShowRenewLeaseConfirm,
@ -12,6 +14,17 @@ export default function DhcpLeaseCard({
networkState: NetworkState | null; networkState: NetworkState | null;
setShowRenewLeaseConfirm: (show: boolean) => void; setShowRenewLeaseConfirm: (show: boolean) => void;
}) { }) {
const isDhcpLeaseEmpty = Object.keys(networkState?.dhcp_lease || {}).length === 0;
if (isDhcpLeaseEmpty) {
return (
<EmptyCard
headline="No DHCP Lease information"
description="We haven't received any DHCP lease information from the device yet."
/>
);
}
return ( return (
<GridCard> <GridCard>
<div className="animate-fadeIn p-4 text-black opacity-0 animation-duration-500 dark:text-white"> <div className="animate-fadeIn p-4 text-black opacity-0 animation-duration-500 dark:text-white">