force button press for verification

lactf · Feb 13, 2024 · 091399f · 091399f
1 parent 3fd35f0
commit 091399f
Showing 1 changed file with 27 additions and 13 deletions.
diff --git a/client/src/routes/verify.js b/client/src/routes/verify.js
@@ -11,21 +11,23 @@ const Verify = () => {
 
   useEffect(() => {
     document.title = `Verify | ${config.ctfName}`
+  }, [])
 
-    ;(async () => {
-      const qs = new URLSearchParams(location.search)
-      if (qs.has('token')) {
-        const verifyRes = await verify({ verifyToken: qs.get('token') })
-        if (verifyRes.authToken) {
-          setAuthToken(verifyRes.authToken)
-        } else if (verifyRes.emailSet) {
-          setEmailSet(true)
-        } else {
-          setError(verifyRes.verifyToken)
-        }
+  const handleVerifyClick = async () => {
+    const qs = new URLSearchParams(location.search)
+    if (qs.has('token')) {
+      const verifyRes = await verify({ verifyToken: qs.get('token') })
+      if (verifyRes.authToken) {
+        setAuthToken(verifyRes.authToken)
+      } else if (verifyRes.emailSet) {
+        setEmailSet(true)
+      } else {
+        setError(verifyRes.verifyToken)
       }
-    })()
-  }, [])
+    } else {
+      setError("No verification token provided.")
+    }
+  }
 
   if (error) {
     return <Error error='401' message={error} />
@@ -37,6 +39,18 @@ const Verify = () => {
       </div>
     )
   }
+  if (authToken == null) {
+    return (
+      <Fragment>
+        <div class='row u-center'>
+          <h3>Verify email?</h3>
+        </div>
+        <div class='row u-center'>
+          <button class='btn-info' onClick={handleVerifyClick}>Verify</button>
+        </div>
+      </Fragment>
+    )
+  }
   return <PendingToken authToken={authToken} />
 }