include link in username not provided error

coralproject · Jan 17, 2025 · 08aba69 · 08aba69
1 parent 1b71fe4
commit 08aba69
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/client/src/core/client/ui/components/v3/QueryError/QueryError.tsx b/client/src/core/client/ui/components/v3/QueryError/QueryError.tsx
@@ -2,6 +2,7 @@ import { Localized } from "@fluent/react/compat";
 import React, { FunctionComponent } from "react";
 
 import TraceableError from "coral-framework/lib/errors/traceableError";
+import HTMLContent from "coral-stream/common/HTMLContent";
 
 import CallOut from "../CallOut";
 
@@ -38,7 +39,7 @@ const QueryError: FunctionComponent<Props> = ({ error }) => {
         <div className={styles.heading}>Message</div>
       </Localized>
       <div className={styles.section} aria-live={"polite"}>
-        {error.message}
+        <HTMLContent>{error.message}</HTMLContent>
       </div>
     </CallOut>
   );

diff --git a/server/src/core/server/locales/en-US/errors.ftl b/server/src/core/server/locales/en-US/errors.ftl
@@ -5,7 +5,7 @@ error-parentCommentRejected = A comment earlier in this conversation thread was
 error-ancestorRejected = A comment earlier in this conversation thread was removed. No additional replies can be submitted.
 error-commentBodyExceedsMaxLength =
   Comment body exceeds maximum length of {$max} characters.
-error-usernameNotProvided = Username not provided. Go to {$url} to set your username to comment.
+error-usernameNotProvided = Username not provided. Go to <a href="{$url}">{$url}</a> to set your username to comment.
 error-storyURLNotPermitted =
   The specified story URL does not exist in the permitted domains list.
 error-duplicateStoryURL =  The specified story URL already exists.