diff --git a/components/clickable-row.tsx b/components/clickable-row.tsx index d820958..8fb8d31 100644 --- a/components/clickable-row.tsx +++ b/components/clickable-row.tsx @@ -82,6 +82,7 @@ export default function ClickableRow({ {device.mac} + {device?.vendor} {!parentalControl ? ( diff --git a/components/device-card.tsx b/components/device-card.tsx index d458d28..6349294 100644 --- a/components/device-card.tsx +++ b/components/device-card.tsx @@ -45,7 +45,7 @@ export default function DeviceCard({
{device.name} @@ -53,10 +53,13 @@ export default function DeviceCard({ {device.mac} + + {device.vendor} +
{device.is_active ? ( -
+
Active until{" "} {new Date(device.expiry_date || "").toLocaleDateString( @@ -70,7 +73,7 @@ export default function DeviceCard({
) : ( -

Device Inactive

+

Device Inactive

)} {device.has_a_pending_payment && ( diff --git a/components/devices-table.tsx b/components/devices-table.tsx index f80a64a..410b5d4 100644 --- a/components/devices-table.tsx +++ b/components/devices-table.tsx @@ -62,6 +62,7 @@ export async function DevicesTable({ Device Name MAC Address + Vendor # @@ -77,7 +78,7 @@ export async function DevicesTable({ - + {query?.length > 0 && (

Showing {meta?.total} devices for "{query} diff --git a/components/ui/sidebar.tsx b/components/ui/sidebar.tsx index 0d41872..32263c0 100644 --- a/components/ui/sidebar.tsx +++ b/components/ui/sidebar.tsx @@ -100,7 +100,7 @@ const SidebarProvider = React.forwardRef< return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open); - }, [isMobile, setOpen, setOpenMobile]); + }, [isMobile, setOpen,]); // Adds a keyboard shortcut to toggle the sidebar. React.useEffect(() => { @@ -138,7 +138,6 @@ const SidebarProvider = React.forwardRef< setOpen, isMobile, openMobile, - setOpenMobile, toggleSidebar, ], ); @@ -243,7 +242,7 @@ const Sidebar = React.forwardRef< {/* This is what handles the sidebar gap on desktop */}