From 2b017490a33280f24b7808cb044055399f5d3f1f Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Fri, 20 Jun 2025 18:56:39 -0400
Subject: [PATCH 1/8] Move status page delete button to configuration page
 header (#2150)

---
 .../Create/Components/Tabs/index.jsx          | 21 +++++++--
 client/src/Pages/StatusPage/Create/index.jsx  | 47 +++++++++++++++++--
 2 files changed, 62 insertions(+), 6 deletions(-)

diff --git a/client/src/Pages/StatusPage/Create/Components/Tabs/index.jsx b/client/src/Pages/StatusPage/Create/Components/Tabs/index.jsx
index 936a22130..60d86e1c9 100644
--- a/client/src/Pages/StatusPage/Create/Components/Tabs/index.jsx
+++ b/client/src/Pages/StatusPage/Create/Components/Tabs/index.jsx
@@ -1,6 +1,6 @@
 // Components
 import { TabContext } from "@mui/lab";
-import { Tab, useTheme } from "@mui/material";
+import { Tab } from "@mui/material";
 import Settings from "./Settings";
 import Content from "./Content";
 
@@ -22,8 +22,12 @@ const Tabs = ({
 	tab,
 	setTab,
 	TAB_LIST,
+	handleDelete,
+	isDeleteOpen,
+	setIsDeleteOpen,
+	isDeleting,
+	isLoading,
 }) => {
-	const theme = useTheme();
 	return (
 		<TabContext value={TAB_LIST[tab]}>
 			<CustomTabList
@@ -32,7 +36,7 @@ const Tabs = ({
 				}}
 				aria-label="status page tabs"
 			>
-				{TAB_LIST.map((tabLabel, idx) => (
+				{TAB_LIST.map((tabLabel) => (
 					<Tab
 						key={tabLabel}
 						label={tabLabel}
@@ -50,6 +54,11 @@ const Tabs = ({
 					removeLogo={removeLogo}
 					errors={errors}
 					isCreate={isCreate}
+					handleDelete={handleDelete}
+					isDeleteOpen={isDeleteOpen}
+					setIsDeleteOpen={setIsDeleteOpen}
+					isDeleting={isDeleting}
+					isLoading={isLoading}
 				/>
 			) : (
 				<Content
@@ -67,6 +76,7 @@ const Tabs = ({
 };
 
 Tabs.propTypes = {
+	isCreate: PropTypes.bool,
 	form: PropTypes.object,
 	errors: PropTypes.object,
 	monitors: PropTypes.array,
@@ -79,6 +89,11 @@ Tabs.propTypes = {
 	tab: PropTypes.number,
 	setTab: PropTypes.func,
 	TAB_LIST: PropTypes.array,
+	handleDelete: PropTypes.func,
+	isDeleteOpen: PropTypes.bool,
+	setIsDeleteOpen: PropTypes.func,
+	isDeleting: PropTypes.bool,
+	isLoading: PropTypes.bool,
 };
 
 export default Tabs;
diff --git a/client/src/Pages/StatusPage/Create/index.jsx b/client/src/Pages/StatusPage/Create/index.jsx
index 50535cd90..43f93acfb 100644
--- a/client/src/Pages/StatusPage/Create/index.jsx
+++ b/client/src/Pages/StatusPage/Create/index.jsx
@@ -3,6 +3,8 @@ import { Stack, Button, Typography } from "@mui/material";
 import Tabs from "./Components/Tabs";
 import GenericFallback from "../../../Components/GenericFallback";
 import SkeletonLayout from "./Components/Skeleton";
+import Dialog from "../../../Components/Dialog";
+import Breadcrumbs from "../../../Components/Breadcrumbs";
 //Utils
 import { useTheme } from "@emotion/react";
 import { useState, useEffect, useRef, useCallback } from "react";
@@ -15,6 +17,7 @@ import { useNavigate } from "react-router-dom";
 import { useStatusPageFetch } from "../Status/Hooks/useStatusPageFetch";
 import { useParams } from "react-router-dom";
 import { useTranslation } from "react-i18next";
+import { useStatusPageDelete } from "../Status/Hooks/useStatusPageDelete";
 //Constants
 const TAB_LIST = ["General settings", "Contents"];
 
@@ -28,6 +31,7 @@ const CreateStatusPage = () => {
 	//Local state
 	const [tab, setTab] = useState(0);
 	const [progress, setProgress] = useState({ value: 0, isLoading: false });
+	const [isDeleteOpen, setIsDeleteOpen] = useState(false);
 	const [form, setForm] = useState({
 		isPublished: false,
 		companyName: "",
@@ -51,13 +55,13 @@ const CreateStatusPage = () => {
 	//Utils
 	const theme = useTheme();
 	const [monitors, isLoading, networkError] = useMonitorsFetch();
-	const [createStatusPage, createStatusIsLoading, createStatusPageNetworkError] =
-		useCreateStatusPage(isCreate);
+	const [createStatusPage] = useCreateStatusPage(isCreate);
 	const navigate = useNavigate();
 	const { t } = useTranslation();
 
-	const [statusPage, statusPageMonitors, statusPageIsLoading, statusPageNetworkError] =
+	const [statusPage, statusPageMonitors, statusPageIsLoading, , fetchStatusPage] =
 		useStatusPageFetch(isCreate, url);
+	const [deleteStatusPage, isDeleting] = useStatusPageDelete(fetchStatusPage, url);
 
 	// Handlers
 	const handleFormChange = (e) => {
@@ -122,6 +126,12 @@ const CreateStatusPage = () => {
 		setProgress({ value: 0, isLoading: false });
 	};
 
+	const handleDelete = () => {
+		deleteStatusPage();
+		setIsDeleteOpen(false);
+		navigate("/status");
+	};
+
 	const handleSubmit = async () => {
 		let toSubmit = {
 			...form,
@@ -220,6 +230,37 @@ const CreateStatusPage = () => {
 	// Load fields
 	return (
 		<Stack gap={theme.spacing(10)}>
+			<Breadcrumbs
+				list={[
+					{ name: "status", path: "/status" },
+					{ name: "details", path: `/status/${url}` },
+					{ name: "configure", path: `/status/create/${url}` },
+				]}
+			/>
+			{!isCreate && (
+				<Stack
+					direction="row"
+					justifyContent="flex-end"
+				>
+					<Button
+						loading={isDeleting}
+						variant="contained"
+						color="error"
+						onClick={() => setIsDeleteOpen(true)}
+					>
+						{t("remove")}
+					</Button>
+					<Dialog
+						title={t("deleteStatusPage")}
+						onConfirm={handleDelete}
+						onCancel={() => setIsDeleteOpen(false)}
+						open={isDeleteOpen}
+						confirmationButtonLabel={t("deleteStatusPageConfirm")}
+						description={t("deleteStatusPageDescription")}
+						isLoading={isDeleting || statusPageIsLoading}
+					/>
+				</Stack>
+			)}
 			<Tabs
 				form={form}
 				errors={errors}

From fc1f4fc14282434e037b242f9fe776014eeeffdc Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Fri, 20 Jun 2025 18:59:50 -0400
Subject: [PATCH 2/8] Modify

---
 .../Components/ControlsHeader/index.jsx       | 24 +---------------
 client/src/Pages/StatusPage/Status/index.jsx  | 28 +------------------
 2 files changed, 2 insertions(+), 50 deletions(-)

diff --git a/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx b/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
index dcbf96399..41814062a 100644
--- a/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
+++ b/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
@@ -11,7 +11,7 @@ import { useLocation } from "react-router-dom";
 import PropTypes from "prop-types";
 import { useTranslation } from "react-i18next";
 
-const Controls = ({ isDeleteOpen, setIsDeleteOpen, isDeleting, url, type }) => {
+const Controls = ({ url, type }) => {
 	const theme = useTheme();
 	const { t } = useTranslation();
 	const location = useLocation();
@@ -27,16 +27,6 @@ const Controls = ({ isDeleteOpen, setIsDeleteOpen, isDeleting, url, type }) => {
 			direction="row"
 			gap={theme.spacing(2)}
 		>
-			<Box>
-				<Button
-					variant="contained"
-					color="error"
-					onClick={() => setIsDeleteOpen(!isDeleteOpen)}
-					loading={isDeleting}
-				>
-					{t("delete")}
-				</Button>
-			</Box>
 			<Box>
 				<Button
 					variant="contained"
@@ -65,18 +55,12 @@ const Controls = ({ isDeleteOpen, setIsDeleteOpen, isDeleting, url, type }) => {
 
 Controls.propTypes = {
 	type: PropTypes.string,
-	isDeleting: PropTypes.bool,
 	url: PropTypes.string,
-	isDeleteOpen: PropTypes.bool.isRequired,
-	setIsDeleteOpen: PropTypes.func.isRequired,
 };
 
 const ControlsHeader = ({
 	statusPage,
 	isPublic,
-	isDeleting,
-	isDeleteOpen,
-	setIsDeleteOpen,
 	url,
 	type = "uptime",
 }) => {
@@ -137,9 +121,6 @@ const ControlsHeader = ({
 				)}
 			</Stack>
 			<Controls
-				isDeleting={isDeleting}
-				isDeleteOpen={isDeleteOpen}
-				setIsDeleteOpen={setIsDeleteOpen}
 				url={url}
 				type={type}
 			/>
@@ -152,9 +133,6 @@ ControlsHeader.propTypes = {
 	url: PropTypes.string,
 	statusPage: PropTypes.object,
 	isPublic: PropTypes.bool,
-	isDeleting: PropTypes.bool,
-	isDeleteOpen: PropTypes.bool.isRequired,
-	setIsDeleteOpen: PropTypes.func.isRequired,
 	type: PropTypes.string,
 };
 
diff --git a/client/src/Pages/StatusPage/Status/index.jsx b/client/src/Pages/StatusPage/Status/index.jsx
index 727daeeb1..a158aa635 100644
--- a/client/src/Pages/StatusPage/Status/index.jsx
+++ b/client/src/Pages/StatusPage/Status/index.jsx
@@ -6,7 +6,6 @@ import ControlsHeader from "./Components/ControlsHeader";
 import SkeletonLayout from "./Components/Skeleton";
 import StatusBar from "./Components/StatusBar";
 import MonitorsList from "./Components/MonitorsList";
-import Dialog from "../../../Components/Dialog";
 import Breadcrumbs from "../../../Components/Breadcrumbs/index.jsx";
 import TextLink from "../../../Components/TextLink";
 
@@ -15,27 +14,20 @@ import { useStatusPageFetch } from "./Hooks/useStatusPageFetch";
 import { useTheme } from "@emotion/react";
 import { useIsAdmin } from "../../../Hooks/useIsAdmin";
 import { useLocation } from "react-router-dom";
-import { useStatusPageDelete } from "./Hooks/useStatusPageDelete";
-import { useState } from "react";
 import { useParams } from "react-router-dom";
-import { useNavigate } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 
 const PublicStatus = () => {
 	const { url } = useParams();
 
-	// Local state
-	const [isDeleteOpen, setIsDeleteOpen] = useState(false);
 	// Utils
 	const theme = useTheme();
 	const { t } = useTranslation();
 	const location = useLocation();
-	const navigate = useNavigate();
 	const isAdmin = useIsAdmin();
 
-	const [statusPage, monitors, isLoading, networkError, fetchStatusPage] =
+	const [statusPage, monitors, isLoading, networkError] =
 		useStatusPageFetch(false, url);
-	const [deleteStatusPage, isDeleting] = useStatusPageDelete(fetchStatusPage, url);
 
 	// Breadcrumbs
 	const crumbs = [
@@ -158,9 +150,6 @@ const PublicStatus = () => {
 			{!isPublic && <Breadcrumbs list={crumbs} />}
 			<ControlsHeader
 				statusPage={statusPage}
-				isDeleting={isDeleting}
-				isDeleteOpen={isDeleteOpen}
-				setIsDeleteOpen={setIsDeleteOpen}
 				url={url}
 				isPublic={isPublic}
 			/>
@@ -168,21 +157,6 @@ const PublicStatus = () => {
 			<StatusBar monitors={monitors} />
 			<MonitorsList monitors={monitors} />
 			{link}
-			<Dialog
-				title={t("deleteStatusPage")}
-				onConfirm={() => {
-					deleteStatusPage();
-					setIsDeleteOpen(false);
-					navigate("/status");
-				}}
-				onCancel={() => {
-					setIsDeleteOpen(false);
-				}}
-				open={isDeleteOpen}
-				confirmationButtonLabel={t("deleteStatusPageConfirm")}
-				description={t("deleteStatusPageDescription")}
-				isLoading={isDeleting || isLoading}
-			/>
 		</Stack>
 	);
 };

From a29282801ac42c0507677e7d4ad30e6f239f1b1b Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Fri, 20 Jun 2025 19:06:57 -0400
Subject: [PATCH 3/8] Format code for PR submission (#2150)

---
 .../StatusPage/Status/Components/ControlsHeader/index.jsx  | 7 +------
 client/src/Pages/StatusPage/Status/index.jsx               | 3 +--
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx b/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
index 41814062a..beac3b0d2 100644
--- a/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
+++ b/client/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
@@ -58,12 +58,7 @@ Controls.propTypes = {
 	url: PropTypes.string,
 };
 
-const ControlsHeader = ({
-	statusPage,
-	isPublic,
-	url,
-	type = "uptime",
-}) => {
+const ControlsHeader = ({ statusPage, isPublic, url, type = "uptime" }) => {
 	const theme = useTheme();
 	const { t } = useTranslation();
 	const publicUrl = `/status/uptime/public/${url}`;
diff --git a/client/src/Pages/StatusPage/Status/index.jsx b/client/src/Pages/StatusPage/Status/index.jsx
index a158aa635..ff747fa0f 100644
--- a/client/src/Pages/StatusPage/Status/index.jsx
+++ b/client/src/Pages/StatusPage/Status/index.jsx
@@ -26,8 +26,7 @@ const PublicStatus = () => {
 	const location = useLocation();
 	const isAdmin = useIsAdmin();
 
-	const [statusPage, monitors, isLoading, networkError] =
-		useStatusPageFetch(false, url);
+	const [statusPage, monitors, isLoading, networkError] = useStatusPageFetch(false, url);
 
 	// Breadcrumbs
 	const crumbs = [

From e371596d15cab178a637d6831af9ece104a42215 Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Tue, 24 Jun 2025 15:07:37 -0400
Subject: [PATCH 4/8] Fix status page deletion network requests and implement
 optimistic UI update pattern

---
 client/src/Pages/StatusPage/Create/index.jsx  | 17 ++++++++----
 .../Status/Hooks/useStatusPageDelete.jsx      | 27 ++++++++++++++-----
 client/src/locales/en.json                    |  4 +++
 3 files changed, 37 insertions(+), 11 deletions(-)

diff --git a/client/src/Pages/StatusPage/Create/index.jsx b/client/src/Pages/StatusPage/Create/index.jsx
index 43f93acfb..9c218d3c4 100644
--- a/client/src/Pages/StatusPage/Create/index.jsx
+++ b/client/src/Pages/StatusPage/Create/index.jsx
@@ -126,11 +126,18 @@ const CreateStatusPage = () => {
 		setProgress({ value: 0, isLoading: false });
 	};
 
-	const handleDelete = () => {
-		deleteStatusPage();
-		setIsDeleteOpen(false);
-		navigate("/status");
-	};
+	/**
+ * Handle status page deletion with optimistic UI update
+ * Immediately navigates away without waiting for the deletion to complete
+ * to prevent unnecessary network requests for the deleted page
+ */
+const handleDelete = async () => {
+	setIsDeleteOpen(false);
+	// Start deletion process but don't wait for it
+	deleteStatusPage();
+	// Immediately navigate away to prevent additional fetches for the deleted page
+	navigate("/status");
+};
 
 	const handleSubmit = async () => {
 		let toSubmit = {
diff --git a/client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx b/client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx
index d5c87c530..1a2079f98 100644
--- a/client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx
+++ b/client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx
@@ -1,19 +1,34 @@
-import { useSelector } from "react-redux";
-import { useState } from "react";
-import { networkService } from "../../../../main";
-import { createToast } from "../../../../Utils/toastUtils";
 
+import { useState } from "react";
+import { networkService } from "../../../../Utils/NetworkService";
+import { createToast } from "../../../../Utils/toastUtils";
+import { useTranslation } from "react-i18next";
+
+/**
+ * Hook for deleting a status page with optimistic UI update
+ * @param {Function} fetchStatusPage - Function to fetch status page data
+ * @param {string} url - URL of the status page
+ * @returns {Array} - [deleteStatusPage function, isLoading state]
+ */
 const useStatusPageDelete = (fetchStatusPage, url) => {
 	const [isLoading, setIsLoading] = useState(false);
+	const { t } = useTranslation();
+
+	/**
+	 * Delete a status page with optimistic UI update
+	 * @returns {Promise<boolean>} - Success status
+	 */
 	const deleteStatusPage = async () => {
+		// We don't need to call fetchStatusPage after deletion
+		// This prevents the 404 error when trying to fetch a deleted status page
 		try {
 			setIsLoading(true);
 			await networkService.deleteStatusPage({ url });
-			fetchStatusPage?.();
+			createToast({ body: t("statusPage.deleteSuccess", "Status page deleted successfully") });
 			return true;
 		} catch (error) {
 			createToast({
-				body: error.message,
+				body: t("statusPage.deleteFailed", "Failed to delete status page"),
 			});
 			return false;
 		} finally {
diff --git a/client/src/locales/en.json b/client/src/locales/en.json
index a7d9fe069..ae285707a 100644
--- a/client/src/locales/en.json
+++ b/client/src/locales/en.json
@@ -275,6 +275,10 @@
 	"date&Time": "Date & Time",
 	"type": "Type",
 	"statusPageName": "Status page name",
+	"statusPage": {
+		"deleteSuccess": "Status page deleted successfully",
+		"deleteFailed": "Failed to delete status page"
+	},
 	"publicURL": "Public URL",
 	"repeat": "Repeat",
 	"edit": "Edit",

From 1b8c6167b7a34f72b68815bd21cdd9d0dfa67c0f Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Tue, 24 Jun 2025 15:16:24 -0400
Subject: [PATCH 5/8] Add localization for status page creation and update
 messages

---
 client/src/Pages/StatusPage/Create/index.jsx | 16 +++++++---------
 client/src/locales/en.json                   |  6 +++++-
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/client/src/Pages/StatusPage/Create/index.jsx b/client/src/Pages/StatusPage/Create/index.jsx
index 9c218d3c4..9d876df45 100644
--- a/client/src/Pages/StatusPage/Create/index.jsx
+++ b/client/src/Pages/StatusPage/Create/index.jsx
@@ -19,8 +19,6 @@ import { useParams } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { useStatusPageDelete } from "../Status/Hooks/useStatusPageDelete";
 //Constants
-const TAB_LIST = ["General settings", "Contents"];
-
 const ERROR_TAB_MAPPING = [
 	["companyName", "url", "timezone", "color", "isPublished", "logo"],
 	["monitors", "showUptimePercentage", "showCharts"],
@@ -153,8 +151,8 @@ const handleDelete = async () => {
 			if (success) {
 				createToast({
 					body: isCreate
-						? "Status page created successfully"
-						: "Status page updated successfully",
+						? t("statusPage.createSuccess")
+						: t("statusPage.updateSuccess"),
 				});
 				navigate(`/status/uptime/${form.url}`);
 			}
@@ -177,7 +175,7 @@ const handleDelete = async () => {
 
 		// If we get -1, there's an unknown error
 		if (errorTabs[0] === -1) {
-			createToast({ body: "Unknown error" });
+			createToast({ body: t("common.toasts.unknownError") });
 			return;
 		}
 
@@ -239,9 +237,9 @@ const handleDelete = async () => {
 		<Stack gap={theme.spacing(10)}>
 			<Breadcrumbs
 				list={[
-					{ name: "status", path: "/status" },
-					{ name: "details", path: `/status/${url}` },
-					{ name: "configure", path: `/status/create/${url}` },
+					{ name: t("statusBreadCrumbsStatusPages", "Status"), path: "/status" },
+					{ name: t("statusBreadCrumbsDetails", "Details"), path: `/status/${url}` },
+					{ name: t("configure", "Configure"), path: `/status/create/${url}` },
 				]}
 			/>
 			{!isCreate && (
@@ -280,7 +278,7 @@ const handleDelete = async () => {
 				removeLogo={removeLogo}
 				tab={tab}
 				setTab={setTab}
-				TAB_LIST={TAB_LIST}
+				TAB_LIST={[t("statusPage.generalSettings", "General settings"), t("statusPage.contents", "Contents")]}
 				isCreate={isCreate}
 			/>
 			<Stack
diff --git a/client/src/locales/en.json b/client/src/locales/en.json
index ae285707a..dd09a2527 100644
--- a/client/src/locales/en.json
+++ b/client/src/locales/en.json
@@ -277,7 +277,11 @@
 	"statusPageName": "Status page name",
 	"statusPage": {
 		"deleteSuccess": "Status page deleted successfully",
-		"deleteFailed": "Failed to delete status page"
+		"deleteFailed": "Failed to delete status page",
+		"createSuccess": "Status page created successfully",
+		"updateSuccess": "Status page updated successfully",
+		"generalSettings": "General settings",
+		"contents": "Contents"
 	},
 	"publicURL": "Public URL",
 	"repeat": "Repeat",

From d1b3d144577f11873216dc5f50190c5547977b35 Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Tue, 24 Jun 2025 16:02:41 -0400
Subject: [PATCH 6/8] Format code with prettier

---
 client/src/Pages/StatusPage/Create/index.jsx  | 31 ++++++++++---------
 .../Status/Hooks/useStatusPageDelete.jsx      |  5 +--
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/client/src/Pages/StatusPage/Create/index.jsx b/client/src/Pages/StatusPage/Create/index.jsx
index 3d3da1cea..aa0b27ac0 100644
--- a/client/src/Pages/StatusPage/Create/index.jsx
+++ b/client/src/Pages/StatusPage/Create/index.jsx
@@ -126,17 +126,17 @@ const CreateStatusPage = () => {
 	};
 
 	/**
- * Handle status page deletion with optimistic UI update
- * Immediately navigates away without waiting for the deletion to complete
- * to prevent unnecessary network requests for the deleted page
- */
-const handleDelete = async () => {
-	setIsDeleteOpen(false);
-	// Start deletion process but don't wait for it
-	deleteStatusPage();
-	// Immediately navigate away to prevent additional fetches for the deleted page
-	navigate("/status");
-};
+	 * Handle status page deletion with optimistic UI update
+	 * Immediately navigates away without waiting for the deletion to complete
+	 * to prevent unnecessary network requests for the deleted page
+	 */
+	const handleDelete = async () => {
+		setIsDeleteOpen(false);
+		// Start deletion process but don't wait for it
+		deleteStatusPage();
+		// Immediately navigate away to prevent additional fetches for the deleted page
+		navigate("/status");
+	};
 
 	const handleSubmit = async () => {
 		let toSubmit = {
@@ -151,9 +151,7 @@ const handleDelete = async () => {
 			const success = await createStatusPage({ form });
 			if (success) {
 				createToast({
-					body: isCreate
-						? t("statusPage.createSuccess")
-						: t("statusPage.updateSuccess"),
+					body: isCreate ? t("statusPage.createSuccess") : t("statusPage.updateSuccess"),
 				});
 				navigate(`/status/uptime/${form.url}`);
 			}
@@ -280,7 +278,10 @@ const handleDelete = async () => {
 				removeLogo={removeLogo}
 				tab={tab}
 				setTab={setTab}
-				TAB_LIST={[t("statusPage.generalSettings", "General settings"), t("statusPage.contents", "Contents")]}
+				TAB_LIST={[
+					t("statusPage.generalSettings", "General settings"),
+					t("statusPage.contents", "Contents"),
+				]}
 				isCreate={isCreate}
 			/>
 			<Stack
diff --git a/client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx b/client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx
index 1a2079f98..2c39c70b3 100644
--- a/client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx
+++ b/client/src/Pages/StatusPage/Status/Hooks/useStatusPageDelete.jsx
@@ -1,4 +1,3 @@
-
 import { useState } from "react";
 import { networkService } from "../../../../Utils/NetworkService";
 import { createToast } from "../../../../Utils/toastUtils";
@@ -24,7 +23,9 @@ const useStatusPageDelete = (fetchStatusPage, url) => {
 		try {
 			setIsLoading(true);
 			await networkService.deleteStatusPage({ url });
-			createToast({ body: t("statusPage.deleteSuccess", "Status page deleted successfully") });
+			createToast({
+				body: t("statusPage.deleteSuccess", "Status page deleted successfully"),
+			});
 			return true;
 		} catch (error) {
 			createToast({

From 00ebc4c2705ee3399e3188d6ebebdfa0c9b1605d Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Tue, 24 Jun 2025 16:29:13 -0400
Subject: [PATCH 7/8] translation fix

---
 client/src/locales/en.json | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/client/src/locales/en.json b/client/src/locales/en.json
index 201c54782..5c81a6e14 100644
--- a/client/src/locales/en.json
+++ b/client/src/locales/en.json
@@ -765,6 +765,14 @@
 	"statusPageStatusNoPage": "There's no status page here.",
 	"statusPageStatusNotPublic": "This status page is not public.",
 	"statusPageStatusServiceStatus": "Service status",
+	"statusPage": {
+		"deleteSuccess": "Status page deleted successfully",
+		"deleteFailed": "Failed to delete status page",
+		"createSuccess": "Status page created successfully",
+		"updateSuccess": "Status page updated successfully",
+		"generalSettings": "General settings",
+		"contents": "Contents"
+	},
 	"submit": "Submit",
 	"teamPanel": {
 		"cancel": "Cancel",

From 95403fb56b441bc4a4d2082728e6be396f364663 Mon Sep 17 00:00:00 2001
From: mohadeseh safari <mohadeseh.safari1992@gmail.com>
Date: Sun, 29 Jun 2025 12:14:42 -0400
Subject: [PATCH 8/8] fix deletion props passed to Tabs component

---
 client/src/Pages/StatusPage/Create/index.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/client/src/Pages/StatusPage/Create/index.jsx b/client/src/Pages/StatusPage/Create/index.jsx
index 94eaa4f81..40cbb7a9a 100644
--- a/client/src/Pages/StatusPage/Create/index.jsx
+++ b/client/src/Pages/StatusPage/Create/index.jsx
@@ -284,6 +284,11 @@ const CreateStatusPage = () => {
 					t("statusPage.contents", "Contents"),
 				]}
 				isCreate={isCreate}
+				handleDelete={handleDelete}
+				isDeleteOpen={isDeleteOpen}
+				setIsDeleteOpen={setIsDeleteOpen}
+				isDeleting={isDeleting}
+				isLoading={statusPageIsLoading}
 			/>
 			<Stack
 				direction="row"