Updates

src/components/general/client-row.tsx

@@ -58,6 +58,20 @@ export default function ClientRow({ client, rules }: Props) {
                     {client.name || "—"}
                 </Link>
             </td>
+            <td className="px-4 py-[9px]">
+                {typeof host_id == "number" ? (
+                    <Link
+                        href={`/admin/hosts/${host_id}`}
+                        className="tabular text-[13px] text-foreground-light/60 dark:text-foreground-dark/60 hover:text-secondary dark:hover:text-secondary whitespace-nowrap"
+                    >
+                        {host_id == 0 ? "Main" : `Host #${host_id}`}
+                    </Link>
+                ) : (
+                    <Span className="tabular text-[13px] text-foreground-light/40 dark:text-foreground-dark/40 whitespace-nowrap">
+                        —
+                    </Span>
+                )}
+            </td>
             <td className="px-4 py-[9px] tabular text-[13px] text-foreground-light/60 dark:text-foreground-dark/60 whitespace-nowrap">
                 {client.wg_ip_address || "—"}
             </td>
@@ -86,7 +100,7 @@ export default function ClientRow({ client, rules }: Props) {
                 {formatUnixTimestamp({ timestamp: client.created_at })}
             </td>
             <td className="px-4 py-[9px] text-right">
-                <Row className="gap-1.5 items-center">
+                <Row className="gap-1.5 items-center justify-end">
                     <Link
                         href={`/admin/hosts/${host_id}/clients/${client.id}/edit`}
                         title={`Edit client ${client.name || `#${client.id}`}`}
@@ -109,4 +123,4 @@ export default function ClientRow({ client, rules }: Props) {
             </td>
         </tr>
     );
-}
+}