show turnstile error as well

src/events/components/Attendance/AttendButton.tsx

@@ -24,9 +24,8 @@ const FAILED_CAPTCHA_ERROR_TEXT = (
       <li>Last inn siden på nytt og prøv igjen.</li>
       <li>Prøv en annen nettleser. Vi vet at det har vært problemer med Firefox.</li>
       <li>
-        Hvis du fortsatt får feil, så send en e-post til [email protected] så vi melder deg på manuelt. Vi setter
-        pris på om du kan oppgi hvilken nettleser og operativsystem du bruker for å kunne skjønne bedre hva som går
-        galt.
+        Hvis du fortsatt får feil, så send en e-post til [email protected] så vi melder deg på manuelt. Vi setter pris på om du
+        kan oppgi eventuell feilmelding og hvilken nettleser og operativsystem du bruker for å kunne skjønne bedre hva som går galt.
       </li>
     </ul>
   </>

src/events/components/Attendance/CaptchaModal.tsx

@@ -15,6 +15,7 @@ interface ICaptchaModalProps {
 const CaptchaModal: FC<ICaptchaModalProps> = (props: ICaptchaModalProps) => {
   const { showModal, toggleModal, setCaptcha, header, text, errorText } = props;
   const [showErrorText, setShowErrorText] = useState(true);
+  const [turnstileError, setTurnstileError] = useState<string | null>(null);
 
   const validCaptcha = (token: string | null) => {
     if (token) {
@@ -27,6 +28,7 @@ const CaptchaModal: FC<ICaptchaModalProps> = (props: ICaptchaModalProps) => {
   const onError = (error: Error) => {
     console.log('Error from captcha failure:', error);
     setShowErrorText(true);
+    setTurnstileError(error.message);
   };
 
   if (!showModal) return null;
@@ -36,6 +38,7 @@ const CaptchaModal: FC<ICaptchaModalProps> = (props: ICaptchaModalProps) => {
       <h1>{header}</h1>
       <p>{text}</p>
       {showErrorText && <p>{errorText}</p>}
+      {turnstileError && <p>Error message: {turnstileError}</p>}
       <Turnstile sitekey={OW4_TURNSTILE_PUBLIC_KEY} onVerify={validCaptcha} onError={onError} />
     </Modal>
   );