From 5ea9c54b1465659a1144c1b75d2f1ed6ccde4ac6 Mon Sep 17 00:00:00 2001
From: Evan <evaan0202@gmail.com>
Date: Wed, 21 Jan 2026 16:26:45 +0500
Subject: [PATCH] reset token and fix toggle button placement

---
 frontend-react/src/components/layout/LanguageSwitcher.tsx | 6 +++++-
 frontend-react/src/components/signature/SignatureForm.tsx | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend-react/src/components/layout/LanguageSwitcher.tsx b/frontend-react/src/components/layout/LanguageSwitcher.tsx
index 4c24beb..26a10a7 100644
--- a/frontend-react/src/components/layout/LanguageSwitcher.tsx
+++ b/frontend-react/src/components/layout/LanguageSwitcher.tsx
@@ -11,7 +11,11 @@ export function LanguageSwitcher({
   onLanguageChange,
 }: LanguageSwitcherProps) {
   return (
-    <div className="flex gap-1 justify-end mb-6">
+    <div
+      className={`flex gap-1 mb-6 ${
+        language === "en" ? "justify-end" : "justify-start"
+      }`}
+    >
       <div className="bg-slate-100 p-1 rounded-full inline-flex border border-slate-200">
         <Button
           variant={language === "en" ? "default" : "ghost"}
diff --git a/frontend-react/src/components/signature/SignatureForm.tsx b/frontend-react/src/components/signature/SignatureForm.tsx
index 3fc8940..7b210c6 100644
--- a/frontend-react/src/components/signature/SignatureForm.tsx
+++ b/frontend-react/src/components/signature/SignatureForm.tsx
@@ -5,7 +5,7 @@ import { Label } from "@/components/ui/label";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { SignaturePad, type SignaturePadRef } from "./SignaturePad";
-import { Turnstile } from "@marsidev/react-turnstile";
+import { Turnstile, type TurnstileInstance } from "@marsidev/react-turnstile";
 import { Eraser, Check, CheckCircle, AlertCircle } from "lucide-react";
 import type { Language } from "@/types/petition";
 
@@ -31,6 +31,7 @@ export function SignatureForm({ language, onSubmit }: SignatureFormProps) {
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   const signaturePadRef = useRef<SignaturePadRef>(null);
+  const turnstileRef = useRef<TurnstileInstance>(null);
   const isRtl = language === "dv";
 
   const handleClear = () => {
@@ -126,6 +127,8 @@ export function SignatureForm({ language, onSubmit }: SignatureFormProps) {
           : "ސޮއި ހުށަހެޅުމުން ކުށެއް ދިމާވެއްޖެ.",
         "error",
       );
+      turnstileRef.current?.reset();
+      setTurnstileToken(null);
     } finally {
       setIsSubmitting(false);
     }