Update UI text in main-part.tsx files

work7z · Apr 15, 2024 · 38b9a6b · 38b9a6b
1 parent e97b8ad
commit 38b9a6b
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 10 deletions.
diff --git a/modules/web2/app/[lang]/[category]/src/parts/ai/main-part.tsx b/modules/web2/app/[lang]/[category]/src/parts/ai/main-part.tsx
@@ -40,7 +40,6 @@ export default (props: CrtToolProp) => {
     // let searchDetail = getSearchDetailBySearchProps(props)
     return <div className='flex-1  space-y-2 '>
         <div style={{
-            minHeight: '100vh'
         }}>this is AI Lab part</div>
     </div>
 }
diff --git a/modules/web2/app/[lang]/[category]/src/parts/docs/main-part.tsx b/modules/web2/app/[lang]/[category]/src/parts/docs/main-part.tsx
@@ -43,7 +43,6 @@ export default (props: CrtToolProp) => {
     // let searchDetail = getSearchDetailBySearchProps(props)
     return <div className='flex-1  space-y-2 '>
         <div style={{
-            minHeight: '100vh'
         }}>this is docs part</div>
     </div>
 }
diff --git a/modules/web2/app/[lang]/[category]/src/parts/resources/main-part.tsx b/modules/web2/app/[lang]/[category]/src/parts/resources/main-part.tsx
@@ -43,7 +43,6 @@ export default (props: CrtToolProp) => {
     // let searchDetail = getSearchDetailBySearchProps(props)
     return <div className='flex-1  space-y-2 '>
         <div style={{
-            minHeight: '100vh'
         }}>this is resources part</div>
     </div>
 }
diff --git a/modules/web2/app/[lang]/[category]/src/parts/user/cpt/UsernameInput/index.tsx b/modules/web2/app/[lang]/[category]/src/parts/user/cpt/UsernameInput/index.tsx
@@ -43,7 +43,7 @@ export default (props: { placeholder?: string, checkIfHas?: boolean, checkDuplic
 
     return (
         <div className=''>
-            <label htmlFor="hs-leading-icon" className="block text-sm font-medium mb-2 dark:text-white">{Dot("-4d", "User ID")}</label>
+            <label htmlFor="hs-leading-icon" className="block text-sm font-medium mb-2 dark:text-white">{Dot("J0VEign6J", "Username")}</label>
             <div className="relative">
                 <input value={value} onChange={e => {
                     setValue(e.target.value)

diff --git a/modules/web2/app/[lang]/[category]/src/parts/user/cpt/VerifyCodeInput/index.tsx b/modules/web2/app/[lang]/[category]/src/parts/user/cpt/VerifyCodeInput/index.tsx
@@ -17,26 +17,35 @@ export default (props: { codeImgBase64?: string, vcodeFactor: number }) => {
     a()
     let [ts, onTS] = React.useState(Date.now())
     let [base64, onBase64] = useState("")
+    let [randomID, onRandomID] = useState("")
+    let [loading, onLoading] = useState(false)
     let update_base64 = async () => {
+        onLoading(true)
         let r = await sendAPIRequestInBE({
             lang: getCurrentLang()
         }, URL_AUTH_GET_CAPTCHA)
         let rJSON = JSON.parse(r) as SysResponse<TypeCaptchaResponse>
         onBase64(rJSON.content.imgBase64)
+        onRandomID(rJSON.content.randomID)
+        onLoading(false)
     }
     useEffect(() => {
         (update_base64)()
     }, [])
     return (
-        <div className="">
+        <div className="min-w-[350px]">
             <label className="block text-sm mb-2 dark:text-white w-full ">{Dot("ChsJp", "CAPTCHA")}</label>
             <div className="relative">
                 <input name='vcode' id="hs-toggle-password" type="text" className="py-3 px-4 block w-full border-gray-200  border-[1px] rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600" placeholder={Dot("fnV5h", "Enter Image Verification Code")} />
             </div>
             <div className='mt-2'>
-                <img className='hover:cursor-pointer min-h-20 min-w-[1/5] bg-slate-300' src={"data:image/png;base64," + base64} onClick={() => {
-                    update_base64()
-                }}  ></img>
+                {
+                    loading ? 'Loading...' : (
+                        <img id='vcode' data-randomid={randomID} className='hover:cursor-pointer min-h-20 min-w-[1/5] bg-slate-300' src={"data:image/png;base64," + base64} onClick={() => {
+                            update_base64()
+                        }}  ></img>
+                    )
+                }
                 <div className='text-right'>
                 </div>
             </div>

diff --git a/modules/web2/app/[lang]/[category]/src/parts/user/main-part.tsx b/modules/web2/app/[lang]/[category]/src/parts/user/main-part.tsx
@@ -59,8 +59,8 @@ export default (props: CrtToolProp) => {
         )
     }
     return <div className='flex-1  space-y-2 '>
-        <div className={'flex justify-center mx-auto'} style={{
-            minHeight: '100vh',
+        <div className={'flex justify-center mx-auto mb-32'} style={{
+
         }}>
             {finPage}
         </div>