From 40e5550e0ffbe4c06bd74ac6e4dfcb9fffb10d35 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Tue, 3 Feb 2026 20:18:51 +0000
Subject: [PATCH] delete header

---
 .../Components/HeaderConfigStatusControls.tsx | 37 +++++++++++++++++++
 client/src/Pages/StatusPage/Create/index.tsx  |  8 ++++
 2 files changed, 45 insertions(+)
 create mode 100644 client/src/Pages/StatusPage/Create/Components/HeaderConfigStatusControls.tsx

diff --git a/client/src/Pages/StatusPage/Create/Components/HeaderConfigStatusControls.tsx b/client/src/Pages/StatusPage/Create/Components/HeaderConfigStatusControls.tsx
new file mode 100644
index 000000000..f628fd00d
--- /dev/null
+++ b/client/src/Pages/StatusPage/Create/Components/HeaderConfigStatusControls.tsx
@@ -0,0 +1,37 @@
+import Stack from "@mui/material/Stack";
+import { Icon, MonitorStatus } from "@/Components/v2/design-elements";
+import { Button } from "@/Components/v2/inputs";
+import { Trash } from "lucide-react";
+
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { useTheme } from "@mui/material/styles";
+import { usePost } from "@/Hooks/UseApi";
+
+interface HeaderConfigStatusControlsProps {
+	onDelete: () => void;
+}
+
+export const HeaderConfigStatusControls = ({
+	onDelete,
+}: React.PropsWithChildren<HeaderConfigStatusControlsProps>) => {
+	const theme = useTheme();
+	const translate = useTranslation();
+	return (
+		<Stack
+			spacing={{ xs: theme.spacing(8), md: 0 }}
+			direction={{ xs: "column", md: "row" }}
+			alignItems={"center"}
+			justifyContent={"end"}
+		>
+			<Button
+				variant="contained"
+				color="error"
+				startIcon={<Icon icon={Trash} />}
+				onClick={onDelete}
+			>
+				{translate.t("common.buttons.delete")}
+			</Button>
+		</Stack>
+	);
+};
diff --git a/client/src/Pages/StatusPage/Create/index.tsx b/client/src/Pages/StatusPage/Create/index.tsx
index 0175c925a..f8695ae80 100644
--- a/client/src/Pages/StatusPage/Create/index.tsx
+++ b/client/src/Pages/StatusPage/Create/index.tsx
@@ -29,6 +29,7 @@ import timezones from "@/Utils/timezones.json";
 import { useNavigate, useParams } from "react-router-dom";
 import axios from "axios";
 import { MuiColorInput } from "mui-color-input";
+import { HeaderConfigStatusControls } from "./Components/HeaderConfigStatusControls";
 
 interface TimezoneOption {
 	_id: string;
@@ -135,6 +136,13 @@ const CreateStatusPage = () => {
 			component="form"
 			onSubmit={handleSubmit(onSubmit, onError)}
 		>
+			{!isCreate && (
+				<HeaderConfigStatusControls
+					onDelete={() => {
+						console.log("poo");
+					}}
+				/>
+			)}
 			<ConfigBox
 				title={t("pages.statusPages.form.access.title")}
 				subtitle={t("pages.statusPages.form.access.description")}