make method of redress options a navigable link

coralproject · Nov 20, 2023 · af3b376 · af3b376
1 parent b6bdc40
commit af3b376
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/client/src/core/client/stream/tabs/Notifications/NotificationsPaginator.tsx b/client/src/core/client/stream/tabs/Notifications/NotificationsPaginator.tsx
@@ -81,8 +81,17 @@ const NotificationsPaginator: FunctionComponent<Props> = (props) => {
             vars={{
               email: props.query.settings.dsa.methodOfRedress.email,
             }}
+            elems={{
+              a: (
+                <a
+                  href={`mailto: ${props.query.settings.dsa.methodOfRedress.email}`}
+                >
+                  {props.query.settings.dsa.methodOfRedress.email}
+                </a>
+              ),
+            }}
           >
-            {`To appeal a decision that appears here please contact ${props.query.settings.dsa.methodOfRedress.email}`}
+            <span>{`To appeal a decision that appears here please contact ${props.query.settings.dsa.methodOfRedress.email}`}</span>
           </Localized>
         )}
         {props.query.settings.dsa.methodOfRedress.method ===
@@ -92,8 +101,15 @@ const NotificationsPaginator: FunctionComponent<Props> = (props) => {
             vars={{
               url: props.query.settings.dsa.methodOfRedress.url,
             }}
+            elems={{
+              a: (
+                <a href={`${props.query.settings.dsa.methodOfRedress.url}`}>
+                  {props.query.settings.dsa.methodOfRedress.url}
+                </a>
+              ),
+            }}
           >
-            {`To appeal a decision that appears here please visit ${props.query.settings.dsa.methodOfRedress.url}`}
+            <span>{`To appeal a decision that appears here please visit ${props.query.settings.dsa.methodOfRedress.url}`}</span>
           </Localized>
         )}
       </div>

diff --git a/locales/en-US/stream.ftl b/locales/en-US/stream.ftl
@@ -1082,8 +1082,8 @@ notifications-reportDecisionMade-illegal =
 notifications-methodOfRedress-none =
   All moderation decisions are final and cannot be appealed
 notifications-methodOfRedress-email =
-  To appeal a decision that appears here please contact { $email }
+  To appeal a decision that appears here please contact <a>{ $email }</a>
 notifications-methodOfRedress-url =
-  To appeal a decision that appears here please visit { $url }
+  To appeal a decision that appears here please visit <a>{ $url }</a>
 
 notifications-youDoNotCurrentlyHaveAny = You do not currently have any notifications