From 7a0da57663b63f15d5caaf9c3376c066fcd40ba5 Mon Sep 17 00:00:00 2001
From: gorkem-bwl <gorkem.cetin@bluewavelabs.ca>
Date: Sun, 26 Apr 2026 01:22:01 -0400
Subject: [PATCH] refactor(client): centralise monospace font through the theme

Add a fontFamilyMonospace token to theme.typography (ui-monospace stack with sensible fallbacks) and route the four ad-hoc fontFamily="monospace" call sites through it so the project has one source of truth.
---
 client/src/Components/design-elements/MonitorStatus.tsx | 2 +-
 client/src/Pages/Logs/components/TableJobs.tsx          | 8 ++++++--
 client/src/Pages/Logs/components/TableLogs.tsx          | 6 ++++--
 client/src/Pages/Settings/index.tsx                     | 2 +-
 4 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/client/src/Components/design-elements/MonitorStatus.tsx b/client/src/Components/design-elements/MonitorStatus.tsx
index 04c62de47..dbeb5fa84 100644
--- a/client/src/Components/design-elements/MonitorStatus.tsx
+++ b/client/src/Components/design-elements/MonitorStatus.tsx
@@ -34,7 +34,7 @@ export const MonitorStatus = ({ monitor }: { monitor: Monitor }) => {
 				<Typography
 					fontSize={typographyLevels.l}
 					fontWeight={"bolder"}
-					fontFamily={"monospace"}
+					fontFamily={theme.typography.fontFamilyMonospace}
 					overflow={"hidden"}
 					textOverflow={"ellipsis"}
 					whiteSpace={"nowrap"}
diff --git a/client/src/Pages/Logs/components/TableJobs.tsx b/client/src/Pages/Logs/components/TableJobs.tsx
index 0a1ff3098..0599e8d16 100644
--- a/client/src/Pages/Logs/components/TableJobs.tsx
+++ b/client/src/Pages/Logs/components/TableJobs.tsx
@@ -35,7 +35,7 @@ export const TableJobs = ({ jobs }: TableJobsProps) => {
 			content: t("common.table.headers.monitorId"),
 			render: (row) => (
 				<Typography
-					fontFamily="monospace"
+					fontFamily={theme.typography.fontFamilyMonospace}
 					title={String(row.monitorId)}
 					sx={cellSx}
 				>
@@ -137,7 +137,11 @@ export const TableFailedJobs = ({ metrics }: TableFailedJobsProps) => {
 			id: "monitorId",
 			content: t("common.table.headers.monitorId"),
 			render: (row) => {
-				return <Typography fontFamily={"monospace"}>{row.monitorId}</Typography>;
+				return (
+					<Typography fontFamily={theme.typography.fontFamilyMonospace}>
+						{row.monitorId}
+					</Typography>
+				);
 			},
 		},
 		{
diff --git a/client/src/Pages/Logs/components/TableLogs.tsx b/client/src/Pages/Logs/components/TableLogs.tsx
index 144d6056c..30ec686c5 100644
--- a/client/src/Pages/Logs/components/TableLogs.tsx
+++ b/client/src/Pages/Logs/components/TableLogs.tsx
@@ -55,7 +55,7 @@ export const TableLogs = ({ logs, logCount, page, setPage }: TableLogsProps) =>
 			id: "timestamp",
 			content: t("pages.logs.table.headers.timestamp"),
 			render: (row) => (
-				<Typography sx={{ fontFamily: "monospace" }}>
+				<Typography sx={{ fontFamily: theme.typography.fontFamilyMonospace }}>
 					{formatTimestamp(row.timestamp)}
 				</Typography>
 			),
@@ -74,7 +74,9 @@ export const TableLogs = ({ logs, logCount, page, setPage }: TableLogsProps) =>
 			id: "method",
 			content: t("pages.logs.table.headers.method"),
 			render: (row) => (
-				<Typography fontFamily={"monospace"}>{row.method || "-"}</Typography>
+				<Typography fontFamily={theme.typography.fontFamilyMonospace}>
+					{row.method || "-"}
+				</Typography>
 			),
 		},
 		{
diff --git a/client/src/Pages/Settings/index.tsx b/client/src/Pages/Settings/index.tsx
index 3fd7f3d99..ac7237c91 100644
--- a/client/src/Pages/Settings/index.tsx
+++ b/client/src/Pages/Settings/index.tsx
@@ -579,7 +579,7 @@ export const SettingsPage = () => {
 							<Box
 								component="pre"
 								sx={{
-									fontFamily: "monospace",
+									fontFamily: theme.typography.fontFamilyMonospace,
 									p: 2,
 									borderRadius: 1,
 									overflow: "auto",