feat: final verify trigger

web/src/pages/Verify/Review/index.tsx

@@ -1,12 +1,15 @@
 import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
 import Avatar from "@/feature/Avatar";
 import { useAuth } from "@/store/auth";
+import { useVerify } from "@/store/verify";
 import type { FC } from "react";
 
 const VerifyReviewPage: FC = () => {
   const profile = useAuth((s) => s.profile);
 
+  const verifying = useVerify((s) => s.verifying);
+  const finishVerify = useVerify((s) => s.verify);
+
   return (
     <div className="flex flex-col items-stretch gap-2 sm:max-w-sm mx-auto p-4">
       <h1 className="text-xl font-medium dark:text-gray-200">
@@ -29,7 +32,14 @@ const VerifyReviewPage: FC = () => {
         <p className="dark:text-gray-400 text-sm">{profile?.email}</p>
       </div>
 
-      <Button className="mt-4">Back Home</Button>
+      <Button
+        className="mt-4 w-full"
+        loading={verifying}
+        disabled={verifying}
+        onClick={finishVerify}
+      >
+        Back Home
+      </Button>
     </div>
   );
 };