Merge pull request #1074 from VEuPathDB/enable-html-in-study-access-d…

…ashboard-title Enable HTML in study access dashboard's title
VEuPathDB · May 6, 2024 · d7c2e91 · d7c2e91
2 parents 8b14eb8 + e3c2c57
commit d7c2e91
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/libs/study-data-access/src/study-access/components/StudyAccess.tsx b/packages/libs/study-data-access/src/study-access/components/StudyAccess.tsx
@@ -1,6 +1,9 @@
 import React from 'react';
 
-import { makeClassNameHelper } from '@veupathdb/wdk-client/lib/Utils/ComponentUtils';
+import {
+  makeClassNameHelper,
+  safeHtml,
+} from '@veupathdb/wdk-client/lib/Utils/ComponentUtils';
 
 import { UserTableDialog } from './UserTableDialog';
 import { UserTableSection } from './UserTableSection';
@@ -36,7 +39,7 @@ export function StudyAccess({
   return (
     <div className={cx()}>
       <div className={cx('--TitleLine')}>
-        <h1>{title}</h1>
+        <h1>{typeof title === 'string' ? safeHtml(title) : title}</h1>
       </div>
       <UserTableSection {...endUserTableConfig} />
       <UserTableSection {...providerTableConfig} />