update: dev params

apps/web/src/containers/Summary.tsx

@@ -1,8 +1,7 @@
-import { useEffect, useState, useRef, useMemo } from 'react'
+import { useEffect, useRef } from 'react'
 import { usePicked, useEnd, useProfile } from '@remake/hooks'
 import { useEndJudge } from '@/hooks/judge'
 import { properties, judgeDisplay } from '@/display'
-import { isDev } from '@/config'
 import TalentComponent from '@/components/Talent'
 import './Summary.css'
 
@@ -27,11 +26,7 @@ interface TalentListProps {
 }
 function TalentList({ picked, picker }: TalentListProps) {
     const [profile] = useProfile()
-    const items = usePicked()
-    const talents = useMemo(() => {
-        if (!isDev || !profile.locked) return items
-        return new Set([...items, ...profile.locked])
-    }, [])
+    const talents = usePicked()
     const hasInitialized = useRef(false)
     useEffect(() => {
         if (!profile.locked) return

apps/web/src/containers/TalentPick.tsx

@@ -1,7 +1,7 @@
 // import { useEffect } from 'react'
 import { useTalentPuller, useTalentPicker } from '@remake/hooks'
 import { useTalentSubmit, useSubmitIsEnable } from '@remake/hooks'
-import { PullCount } from '@/config'
+import { PullCount, dev } from '@/config'
 import TalentComponent from '@/components/Talent'
 import './TalentPick.css'
 
@@ -19,10 +19,13 @@ export default function TalentPick() {
                 </button>
             </div>
         )
+    const ps = dev.locked
+        ? Array.from(new Set([...dev.locked, ...pulled]))
+        : pulled
     return (
         <div className="screen talent-pick">
             <ul className="talent-list">
-                {pulled.map(id => (
+                {ps.map(id => (
                     <li key={id} onClick={() => picker(id)}>
                         <TalentComponent id={id} selected={talents.has(id)} />
                     </li>