From a524def110fd50125d30271dff4e3f80f914b89b Mon Sep 17 00:00:00 2001
From: Julian Dehm <j.dehm@liqd.net>
Date: Mon, 11 Nov 2024 11:49:21 +0100
Subject: [PATCH] static/Captcha: add react specific classes to some fields to
 prevent the text mode from not showing due to the styling for the plain js
 captcha.

---
 adhocracy4/static/Captcha.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/adhocracy4/static/Captcha.jsx b/adhocracy4/static/Captcha.jsx
index 7ca48dd2d..22d5a8f67 100644
--- a/adhocracy4/static/Captcha.jsx
+++ b/adhocracy4/static/Captcha.jsx
@@ -115,7 +115,7 @@ const CaptCheck = ({ apiUrl, name, onChange, refresh }) => {
               )
             : (
               <label
-                className="captcheck_question_access"
+                className="captcheck_question_access react_captcha"
                 id={'captcheck_' + captcha.id_prefix + '_question_access'}
               >
                 {captcha.question_a + ' = ?'}
@@ -134,7 +134,7 @@ const CaptCheck = ({ apiUrl, name, onChange, refresh }) => {
               isImageMode ? translated.ariaLabelText : translated.ariaLabelImage
             }
           >
-            {isImageMode ? translated.imageMode : translated.textMode}
+            {isImageMode ? translated.textMode : translated.imageMode}
           </a>
         </div>
 
@@ -179,13 +179,13 @@ const CaptCheck = ({ apiUrl, name, onChange, refresh }) => {
               )
             : (
               <div
-                className="captcheck_answer_access"
+                className="captcheck_answer_access react_captcha"
                 id={'captcheck_' + captcha.id_prefix + '_answer_access'}
               >
                 <input
                   id={
                   'captcheck_' + captcha.id_prefix + '_question_access-answer'
-                }
+                  }
                   type="text"
                   name="captcheck_selected_answer"
                   aria-label="Type your answer here."