From d58dee6983e76977431afd178c33748459a19e2f Mon Sep 17 00:00:00 2001
From: Vishnu Sreekumaran Nair <200557136@student.georgianc.on.ca>
Date: Mon, 5 May 2025 14:56:24 -0400
Subject: [PATCH] add new inputfield for api key in settings

---
 client/src/Pages/Settings/index.jsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/client/src/Pages/Settings/index.jsx b/client/src/Pages/Settings/index.jsx
index 1bad8414d..7e04d6390 100644
--- a/client/src/Pages/Settings/index.jsx
+++ b/client/src/Pages/Settings/index.jsx
@@ -54,6 +54,7 @@ const Settings = () => {
 	const [form, setForm] = useState({
 		enableDistributedUptime: distributedUptimeEnabled,
 		ttl: checkTTL ? (checkTTL / SECONDS_PER_DAY).toString() : 0,
+		pagespeedApiKey: "",
 	});
 	const [version, setVersion] = useState("unknown");
 	const [errors, setErrors] = useState({});
@@ -277,6 +278,26 @@ const Settings = () => {
 						</Box>
 					</ConfigBox>
 				)}
+				<ConfigBox>
+						<Box>
+							<Typography component="h1">Google Pagespeed API Key</Typography>
+							<Typography sx={{ mt: theme.spacing(2), mb: theme.spacing(2) }}>
+								Manage your pagespeed API key
+							</Typography>
+						</Box>
+						<Box>
+							<TextInput
+								id="pagespeedApiKey"
+								label="PageSpeed API Key"
+								value={form.pagespeedApiKey}
+								onChange={handleChange}
+								type="password"
+								optionalLabel="(Optional)"
+								helperText={errors.pagespeedApiKey}
+								error={!!errors.pagespeedApiKey}
+							/>
+						</Box>
+				</ConfigBox>
 				{isAdmin && (
 					<ConfigBox>
 						<Box>