修复提取IP表格字段和页面展示 & 前端设置白名单添加数量限制 & 修复长效套餐购买数量和提取数量默认值和递增减

src/components/composites/extract/index.tsx

@@ -8,7 +8,7 @@ import {Select, SelectContent, SelectItem, SelectSeparator, SelectTrigger, Selec
 import {Button} from '@/components/ui/button'
 import {useForm, useFormContext} from 'react-hook-form'
 import {Alert, AlertTitle} from '@/components/ui/alert'
-import {Box, CircleAlert, CopyIcon, ExternalLinkIcon, Loader, Timer} from 'lucide-react'
+import {Box, CircleAlert, CopyIcon, ExternalLinkIcon, Loader, Plus, Timer} from 'lucide-react'
 import {memo, ReactNode, useEffect, useRef, useState} from 'react'
 import {useStatus} from '@/lib/states'
 import {allResource} from '@/actions/resource'
@@ -72,9 +72,12 @@ export default function Extract(props: ExtractProps) {
       )}
     >
       <CardSection>
-        <Alert variant="warn">
+        <Alert variant="warn" className="flex items-center">
           <CircleAlert/>
-          <AlertTitle>提取IP前需要将本机IP添加到白名单后才可使用</AlertTitle>
+          <AlertTitle className="flex">提取IP前需要将本机IP添加到白名单后才可使用</AlertTitle>
+          <Link href="/admin/whitelist">
+            <Button ><Plus/>添加白名单</Button>
+          </Link>
         </Alert>
 
         <FormFields/>