feature: multiple lock, pick min max

apps/web/src/containers/TalentPick.tsx

@@ -1,20 +1,21 @@
 // import { useEffect } from 'react'
 import { useTalentPuller, useTalentPicker } from '@remake/hooks'
 import { useTalentSubmit, useSubmitIsEnable } from '@remake/hooks'
+import { PullCount } from '@/config'
 import TalentComponent from '@/components/Talent'
 import './TalentPick.css'
 
 export default function TalentPick() {
     const [pulled, puller] = useTalentPuller()
     const [talents, picker] = useTalentPicker()
-    const [enabled, limit] = useSubmitIsEnable()
+    const { enabled, min, max } = useSubmitIsEnable()
     const submit = useTalentSubmit()
     // useEffect(puller, [])
     if (!pulled)
         return (
             <div className="screen talent-pick">
-                <button className="primary" onClick={() => puller()}>
-                    十连抽！
+                <button className="primary font-mono" onClick={() => puller()}>
+                    {PullCount}连抽!
                 </button>
             </div>
         )
@@ -32,7 +33,9 @@ export default function TalentPick() {
                     下一步
                 </button>
             ) : (
-                <button className="error">请选取 {limit} 个天赋</button>
+                <button className="error">
+                    请选取 {min == max ? min : `${min}~${max}`} 个天赋
+                </button>
             )}
         </div>
     )