From f0034773b59a566cdf3a0dfb97600a674be9a442 Mon Sep 17 00:00:00 2001
From: leomet07 <leomet07@gmail.com>
Date: Thu, 19 Sep 2024 15:38:14 -0400
Subject: [PATCH] Switch titles to dangerously set innerhtml

---
 components/ListArticleDisplay.tsx  | 9 ++++-----
 components/MixedArticleDisplay.tsx | 3 +--
 pages/article/[article_slug].tsx   | 2 +-
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/components/ListArticleDisplay.tsx b/components/ListArticleDisplay.tsx
index adccae7..45d4923 100644
--- a/components/ListArticleDisplay.tsx
+++ b/components/ListArticleDisplay.tsx
@@ -19,13 +19,12 @@ export default function ListArticleDisplay(props: {
 						<div className={styles.item_left}>
 							<p className={styles.department + " discrete-link"}>
 								<Link
-									href={`/department/${
-										DepartmentsArray[article.section_id]
-									}`}
+									href={`/department/${DepartmentsArray[article.section_id]
+										}`}
 								>
 									{
 										DepartmentsArrayDisplay[
-											article.section_id
+										article.section_id
 										]
 									}
 								</Link>
@@ -34,8 +33,8 @@ export default function ListArticleDisplay(props: {
 								<Link
 									href={"/article/" + article.slug}
 									className="discrete-link"
+									dangerouslySetInnerHTML={{ __html: article.title }}
 								>
-									{article.title}
 								</Link>
 							</h2>
 							<div className={styles.authors}>
diff --git a/components/MixedArticleDisplay.tsx b/components/MixedArticleDisplay.tsx
index 6f52b58..4e2baf3 100644
--- a/components/MixedArticleDisplay.tsx
+++ b/components/MixedArticleDisplay.tsx
@@ -54,8 +54,7 @@ function CenterArticle(props: {
 				<></>
 			)}
 			<Link passHref href={"/article/" + article.slug}>
-				<h2 id={styles.title} className="discrete-link">
-					{article.title}
+				<h2 id={styles.title} className="discrete-link" dangerouslySetInnerHTML={{ __html: article.title }}>
 				</h2>
 			</Link>
 			<p
diff --git a/pages/article/[article_slug].tsx b/pages/article/[article_slug].tsx
index bd45104..b0ead91 100644
--- a/pages/article/[article_slug].tsx
+++ b/pages/article/[article_slug].tsx
@@ -106,7 +106,7 @@ function Article(props: Props) {
 							{DepartmentsArrayDisplay[section_id]}
 						</Link>
 					</p>
-					<h1 id={styles.title}>{title}</h1>
+					<h1 id={styles.title} dangerouslySetInnerHTML={{ __html: title }}></h1>
 					<h2 id={styles.summary}>{summary}</h2>
 					<h3 id={styles.reading_time}>
 						{generateApproxReadingTime()}