update: hooks, web

2026-08-29 18:14:41 +08:00 · 2026-08-16 20:06:16 +08:00
parent 2f91709d1e
commit 322f775796
67 changed files with 2339 additions and 2243 deletions
@@ -0,0 +1,39 @@
+// import { useEffect } from 'react'
+import { useTalentPuller, useTalentPicker } from '@remake/hooks'
+import { useTalentSubmit, useSubmitIsEnable } from '@remake/hooks'
+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 submit = useTalentSubmit()
+    // useEffect(puller, [])
+    if (!pulled)
+        return (
+            <div className="screen talent-pick">
+                <button className="primary" onClick={() => puller()}>
+                    十连抽！
+                </button>
+            </div>
+        )
+    return (
+        <div className="screen talent-pick">
+            <ul className="talent-list">
+                {pulled.map(id => (
+                    <li key={id} onClick={() => picker(id)}>
+                        <TalentComponent id={id} selected={talents.has(id)} />
+                    </li>
+                ))}
+            </ul>
+            {enabled ? (
+                <button className="primary" onClick={() => submit()}>
+                    下一步
+                </button>
+            ) : (
+                <button className="error">请选取 {limit} 个天赋</button>
+            )}
+        </div>
+    )
+}