feat: add vendor information to device components and update related UI elements
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 9m52s

fix: update sidebar transition duration for smoother experience
chore: update package dependencies and versions for improved stability and features
This commit is contained in:
2025-06-02 09:17:16 +05:00
parent bed426a6b4
commit 8438ceb376
8 changed files with 276 additions and 84 deletions

View File

@ -45,7 +45,7 @@ export default function DeviceCard({
<div className="">
<div className="font-semibold flex flex-col items-start gap-2 mb-2">
<Link
className="font-medium hover:underline"
className={cn("font-medium hover:underline ml-0.5", device.is_active ? "text-green-600" : "")}
href={`/devices/${device.id}`}
>
{device.name}
@ -53,10 +53,13 @@ export default function DeviceCard({
<Badge variant={"outline"}>
<span className="font-medium">{device.mac}</span>
</Badge>
<Badge variant={"outline"}>
<span className="font-medium">{device.vendor}</span>
</Badge>
</div>
{device.is_active ? (
<div className="text-muted-foreground">
<div className="text-muted-foreground ml-0.5">
Active until{" "}
<span className="font-semibold">
{new Date(device.expiry_date || "").toLocaleDateString(
@ -70,7 +73,7 @@ export default function DeviceCard({
</span>
</div>
) : (
<p className="text-muted-foreground">Device Inactive</p>
<p className="text-muted-foreground ml-0.5">Device Inactive</p>
)}
{device.has_a_pending_payment && (
<Link href={`/payments/${device.pending_payment_id}`}>