fix: 样式修改

apps/user/components/CopyShortenedLink/CopyShortenedLink.tsx

@@ -46,9 +46,9 @@ const CopyShortenedLink = ({ className }: { className?: string }) => {
     <CopyToClipboard
       text={shortUrl} // 如果 shortUrl 还没有值，则传递空字符串
       onCopy={(text, result) => {
-        if (text) {
+        if (!text) {
           toast.success('text is undefined');
-          return '';
+          return;
         }
         if (result) {
           toast.success(t('copySuccess'));

apps/user/components/SubscribePlan/PlanContent/index.tsx

@@ -99,18 +99,24 @@ const StarRating = ({ rating, maxRating = 5 }: { rating: number; maxRating?: num
   </div>
 );
 
+import SvgIcon from '@/components/SvgIcon';
 // 功能列表组件
 const FeatureList = ({ plan }: { plan: API.Subscribe }) => {
   const t = useTranslations('subscribe.detail');
   const tSubscribe = useTranslations('subscribe');
   const tOffer = useTranslations('components.offerDialog');
-  const features = [{ label: tOffer('availableNodes'), value: plan?.server_count }];
+  const features = [
+    { label: tOffer('availableNodes'), icon: 'feature/Vector (5)', value: plan?.server_count },
+  ];
   return (
     <div className='mt-6 space-y-0 sm:mt-6'>
-      <ul className='list-disc space-y-0 pl-5'>
+      <ul className='space-y-0'>
         <li className='py-1 text-xs font-light leading-[1.8461538461538463em] text-black sm:text-sm'>
           <div className={'flex items-start justify-between'}>
-            <span className=''>{t('availableTraffic')}</span>
+            <span className='flex items-center'>
+              <SvgIcon name={'feature/Vector'} className={'ml-1 mr-2'} />
+              {t('availableTraffic')}
+            </span>
             <span>
               <Display type='traffic' value={plan?.traffic} unlimited />
             </span>
@@ -118,7 +124,10 @@ const FeatureList = ({ plan }: { plan: API.Subscribe }) => {
         </li>
         <li className='py-1 text-xs font-light leading-[1.8461538461538463em] text-black sm:text-sm'>
           <div className={'flex items-start justify-between'}>
-            <span className=''>{tSubscribe('billing.duration')}</span>
+            <span className='flex items-center'>
+              <SvgIcon name={'feature/Vector (1)'} className={'ml-1 mr-2'} />
+              {tSubscribe('billing.duration')}
+            </span>
             <span>
               {plan.origin_price ? '365' : '30'}
               {tSubscribe('Day')}
@@ -127,7 +136,10 @@ const FeatureList = ({ plan }: { plan: API.Subscribe }) => {
         </li>
         <li className='py-1 text-xs font-light leading-[1.8461538461538463em] text-black sm:text-sm'>
           <div className={'flex items-start justify-between'}>
-            <span className=''>{t('connectionSpeed')}</span>
+            <span className='flex items-center'>
+              <SvgIcon name={'feature/Vector (4)'} className={'ml-1 mr-2'} />
+              {t('connectionSpeed')}
+            </span>
             <span>
               <Display type='trafficSpeed' value={plan?.speed_limit} unlimited />
             </span>
@@ -135,7 +147,22 @@ const FeatureList = ({ plan }: { plan: API.Subscribe }) => {
         </li>
         <li className='py-1 text-xs font-light leading-[1.8461538461538463em] text-black sm:text-sm'>
           <div className={'flex items-start justify-between'}>
-            <span className=''>{t('connectedDevices')}</span>
+            <span className='flex items-center'>
+              <SvgIcon name={'feature/Group 69'} className={'ml-1 mr-2'} />
+              {plan?.name?.includes('pro') ? (
+                <span className={'font-medium'}>IEPL专线</span>
+              ) : (
+                <span>国内中转+专线中转</span>
+              )}
+            </span>
+          </div>
+        </li>
+        <li className='py-1 text-xs font-light leading-[1.8461538461538463em] text-black sm:text-sm'>
+          <div className={'flex items-start justify-between'}>
+            <span className='flex items-center'>
+              <SvgIcon name={'feature/Vector (3)'} className={'ml-1 mr-2'} />
+              {t('connectedDevices')}
+            </span>
             <span>
               <Display value={plan?.device_limit} type='number' unlimited />
             </span>
@@ -147,14 +174,18 @@ const FeatureList = ({ plan }: { plan: API.Subscribe }) => {
             className='py-1 text-xs font-light leading-[1.8461538461538463em] text-black sm:text-sm'
           >
             <div className={'flex items-start justify-between'}>
-              <span className=''>{feature.label}：</span>
+              <span className='flex items-center'>
+                <SvgIcon name={feature.icon} className={'ml-1 mr-2'} />
+                {feature.label}：
+              </span>
               <span>{feature.value}</span>
             </div>
           </li>
         ))}
-        <li className='py-1'>
+        <li className='py-1 text-xs font-light leading-[1.8461538461538463em] text-black sm:text-sm'>
           <div className={'flex items-start justify-between'}>
-            <span className='text-xs font-light leading-[1.8461538461538463em] text-black sm:text-sm'>
+            <span className='flex items-center'>
+              <SvgIcon name={'feature/Group 68'} className={'ml-1 mr-2'} />
               {tOffer('networkStabilityIndex')}
             </span>
             <StarRating rating={5} />
@@ -208,7 +239,7 @@ const PlanCard: React.FC<{
         {t('subscribe')}
       </AiroButton>
 
-      <div className={'mx-4'}>
+      <div className={'mr-4'}>
         {/* 功能列表 */}
         <FeatureList plan={plan} />
       </div>

apps/user/components/affiliate/index.tsx

@@ -85,7 +85,7 @@ export default function Affiliate() {
               </p>
               <p className='flex justify-between text-xl font-bold text-[#225BA9]'>
                 <span> {user?.refer_code}</span>
-                <CopyShortenedLink className={'sm:block'} />
+                <CopyShortenedLink className={'hidden sm:block'} />
               </p>
             </div>
           </div>