From e3c2c5756e517e41112c7e380ee9eec86224bf36 Mon Sep 17 00:00:00 2001
From: Jeremy Myers <inernestmusic@gmail.com>
Date: Mon, 6 May 2024 09:43:01 -0400
Subject: [PATCH] Enable HTML in study access dashboard's title

---
 .../src/study-access/components/StudyAccess.tsx            | 7 +++++--
 1 file changed, 5 insertions(+), 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
index a88d9ebf9f..e3024ac2f2 100644
--- 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} />