From 7c8aea03239a07fb5f60ed47e5b0df7fa0468590 Mon Sep 17 00:00:00 2001
From: Vishnu Sreekumaran Nair <200557136@student.georgianc.on.ca>
Date: Wed, 7 May 2025 14:57:50 -0400
Subject: [PATCH] add localisation for strings

---
 client/src/Pages/Settings/index.jsx | 12 ++++++------
 client/src/locales/gb.json          |  7 ++++++-
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/client/src/Pages/Settings/index.jsx b/client/src/Pages/Settings/index.jsx
index f1413c2b5..34ff60cb2 100644
--- a/client/src/Pages/Settings/index.jsx
+++ b/client/src/Pages/Settings/index.jsx
@@ -96,7 +96,7 @@ const Settings = () => {
 			setIsApiKeySet(true);
 			setForm((prev) => ({
 				...prev,
-				pagespeedApiKey: "*************************************",
+				pagespeedApiKey: t("maskedPageSpeedKeyPlaceholder"),
 			}));
 		} else {
 			setIsApiKeySet(false);
@@ -315,9 +315,9 @@ const Settings = () => {
 				)}
 				<ConfigBox>
 						<Box>
-							<Typography component="h1">Google Pagespeed API Key</Typography>
+							<Typography component="h1">{t("pageSpeedApiKeyFieldTitle")}</Typography>
 							<Typography sx={{ mt: theme.spacing(2), mb: theme.spacing(2) }}>
-								Manage your pagespeed API key
+								{t("pageSpeedApiKeyFieldDescription")}
 							</Typography>
 						</Box>
 						<Box>
@@ -325,7 +325,7 @@ const Settings = () => {
 								<Box flex={1}>
 									<TextInput
 										id="pagespeedApiKey"
-										label="PageSpeed API Key"
+										label={t("pageSpeedApiKeyFieldLabel")}
 										value={form.pagespeedApiKey}
 										type={apiKeyFieldType}
 										onChange={handleChange}
@@ -343,8 +343,8 @@ const Settings = () => {
 										}
 									/>
 									{isApiKeySet && (
-										<Typography >
-											API key is set. Click Reset to change it.
+										<Typography>
+											{t("pageSpeedApiKeyFieldResetLabel")}
 										</Typography>
 									)}
 								</Box>
diff --git a/client/src/locales/gb.json b/client/src/locales/gb.json
index 9deaa9e48..c14f98c1d 100644
--- a/client/src/locales/gb.json
+++ b/client/src/locales/gb.json
@@ -410,5 +410,10 @@
     "validationFailed": "Validation failed",
     "noFileSelected": "No file selected",
     "fallbackPage": "Import a file to upload a list of servers in bulk"
-  }
+  },
+  "maskedPageSpeedKeyPlaceholder": "*************************************",
+  "pageSpeedApiKeyFieldTitle": "Google PageSpeed API key",
+  "pageSpeedApiKeyFieldLabel": "PageSpeed API key",
+  "pageSpeedApiKeyFieldDescription": "Enter your Google PageSpeed API key to enable pagespeed monitoring. Click Reset to update the key.",
+  "pageSpeedApiKeyFieldResetLabel": "API key is set. Click Reset to change it."
 }