feat: 修改样式

apps/user/app/(main)/(content)/(user)/dashboard/content.tsx

@@ -77,7 +77,7 @@ export default function Content() {
     },
   });
 
-  /*const { data } = useQuery({
+  const { data } = useQuery({
     queryKey: ['getStat'],
     queryFn: async () => {
       const { data } = await getStat({
@@ -86,13 +86,7 @@ export default function Content() {
       return data.data;
     },
     refetchOnWindowFocus: false,
-  });*/
-  const data = {
-    user: 1,
-    node: 2,
-    country: 0,
-    protocol: ['vmess', 'vless'],
-  };
+  });
 
   const { data: announcementData } = useQuery({
     queryKey: ['queryAnnouncement'],
@@ -142,9 +136,11 @@ export default function Content() {
         {/* 账户概况 Card */}
         <Card className='rounded-[20px] border border-[#D9D9D9] p-6 shadow-[0px_0px_52.6px_1px_rgba(15,44,83,0.05)]'>
           <div className='mb-1 sm:mb-4'>
-            <h3 className='text-base font-medium text-[#666666] sm:text-xl'>
-              {t('accountOverview')}
-            </h3>
+            {userSubscribe?.[0]?.status === 1 ? (
+              <h3 className='text-base font-medium text-[#666666] sm:text-xl'>
+                {t('accountOverview')}
+              </h3>
+            ) : null}
             <p className='mt-1 text-xs text-[#666666] sm:text-sm'>
               {user?.auth_methods?.[0]?.auth_identifier}
             </p>
@@ -204,12 +200,15 @@ export default function Content() {
             <div className='flex items-center gap-2'>
               <span className='text-xs sm:text-sm'>{t('availableDevices')}</span>
               <div className='flex gap-2'>
-                <div className='h-4 w-4 rounded-full bg-[#225BA9]'></div>
-                <div className='h-4 w-4 rounded-full bg-[#D9D9D9]'></div>
-                <div className='h-4 w-4 rounded-full bg-[#D9D9D9]'></div>
-                <div className='h-4 w-4 rounded-full bg-[#D9D9D9]'></div>
-                <div className='h-4 w-4 rounded-full bg-[#D9D9D9]'></div>
-                <div className='h-4 w-4 rounded-full bg-[#D9D9D9]'></div>
+                {Array.from({ length: userSubscribe?.[0]?.subscribe.device_limit }).map(
+                  (_, index) => {
+                    return (
+                      <div
+                        className={`h-4 w-4 rounded-full ${index < (userSubscribe?.[0]?.subscribe.device_limit || 0) > 1 ? 'bg-[#225BA9]' : 'bg-[#D9D9D9]'}`}
+                      ></div>
+                    );
+                  },
+                )}
               </div>
             </div>
             <span className='text-xs sm:text-sm'>
@@ -314,7 +313,7 @@ export default function Content() {
             </Link>
           </div>
 
-          {userSubscribe?.[0] && data.protocol ? (
+          {userSubscribe?.[0] && data?.protocol ? (
             <div className='space-y-2 sm:space-y-4'>
               <p className='text-xs font-light text-[#666666] sm:text-sm sm:font-normal'>
                 {t('copySubscriptionLinkOrScanQrCode')}