♻️ refactor(view): System and Auth Control

apps/admin/app/dashboard/user/[id]/user-login-history/index.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { IpLink } from '@/components/ip-link';
 import { ProTable } from '@/components/pro-table';
 import { getUserLoginLogs } from '@/services/admin/user';
 import { Badge } from '@workspace/ui/components/badge';
@@ -26,6 +27,7 @@ export default function UserLoginHistory() {
         {
           accessorKey: 'login_ip',
           header: t('loginIp'),
+          cell: ({ row }) => <IpLink ip={row.getValue('login_ip')} />,
         },
         {
           accessorKey: 'user_agent',

apps/admin/app/dashboard/user/[id]/user-subscription/subscription-detail.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { Display } from '@/components/display';
+import { IpLink } from '@/components/ip-link';
 import { ProTable } from '@/components/pro-table';
 import {
   getUserSubscribeDevices,
@@ -64,6 +65,7 @@ export function SubscriptionDetail({
                     {
                       accessorKey: 'ip',
                       header: 'IP',
+                      cell: ({ row }) => <IpLink ip={row.getValue('ip')} />,
                     },
                     {
                       accessorKey: 'user_agent',
@@ -156,6 +158,7 @@ export function SubscriptionDetail({
                     {
                       accessorKey: 'ip',
                       header: 'IP',
+                      cell: ({ row }) => <IpLink ip={row.getValue('ip')} />,
                     },
                     {
                       accessorKey: 'online',

apps/admin/app/dashboard/user/user-detail.tsx

@@ -8,7 +8,6 @@ import { HoverCard, HoverCardContent, HoverCardTrigger } from '@workspace/ui/com
 import { formatBytes, formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
-import { useState } from 'react';
 
 export function UserSubscribeDetail({ id, enabled }: { id: number; enabled: boolean }) {
   const t = useTranslations('user');
@@ -118,10 +117,9 @@ export function UserSubscribeDetail({ id, enabled }: { id: number; enabled: bool
 
 export function UserDetail({ id }: { id: number }) {
   const t = useTranslations('user');
-  const [shouldFetch, setShouldFetch] = useState(false);
 
   const { data } = useQuery({
-    enabled: id !== 0 && shouldFetch,
+    enabled: id !== 0,
     queryKey: ['getUserDetail', id],
     queryFn: async () => {
       const { data } = await getUserDetail({ id });
@@ -133,7 +131,7 @@ export function UserDetail({ id }: { id: number }) {
 
   return (
     <HoverCard>
-      <HoverCardTrigger asChild onMouseEnter={() => setShouldFetch(true)}>
+      <HoverCardTrigger asChild>
         <Button variant='link' className='p-0' asChild>
           <Link href={`/dashboard/user/${id}`}>
             {data?.auth_methods[0]?.auth_identifier || t('loading')}