调整暂存帮助部分结构 & 简化获取当前用户IP代码

src/components/composites/purchase/long/center.tsx

@@ -10,6 +10,7 @@ import check from '@/components/composites/purchase/_assets/check.svg'
 import {Schema} from '@/components/composites/purchase/long/form'
 import {useFormContext} from 'react-hook-form'
 import {Card} from '@/components/ui/card'
+import {min} from 'date-fns'
 
 export default function Center() {
   const form = useFormContext<Schema>()
@@ -85,18 +86,19 @@ export default function Center() {
                 <Button
                   theme="outline"
                   type="button"
-                  className={`h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg ${
-                    value === minValue ? 'opacity-50 cursor-not-allowed' : ''
-                  }`}
+                  className="h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg"
                   onClick={() => form.setValue('quota', Math.max(minValue, value - step))}
                   disabled={value === minValue}>
                   <Minus/>
                 </Button>
-
-                <div className="w-40 h-10 border border-gray-200 rounded-sm flex items-center justify-center">
-                  {value}
-                </div>
-
+                <Input
+                  {...field}
+                  id={id}
+                  type="number"
+                  className="w-40 h-10 border border-gray-200 rounded-sm text-center"
+                  min={minValue}
+                  step={step}
+                />
                 <Button
                   theme="outline"
                   type="button"