From 0e1ffe7cef32700fc4d65366d5ee3efb218d7559 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Thu, 20 Feb 2025 15:20:17 -0800
Subject: [PATCH] add default filename, use monitor name for filename

---
 src/Components/ShareComponent/index.jsx                      | 2 +-
 .../Details/Components/StatusHeader/index.jsx                | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Components/ShareComponent/index.jsx b/src/Components/ShareComponent/index.jsx
index 9c52756f3..073ed2243 100644
--- a/src/Components/ShareComponent/index.jsx
+++ b/src/Components/ShareComponent/index.jsx
@@ -3,7 +3,7 @@ import ShareIcon from "@mui/icons-material/Share";
 import { Button } from "@mui/material";
 import { useTheme } from "@emotion/react";
 
-const ShareComponent = ({ elementToCapture, fileName }) => {
+const ShareComponent = ({ elementToCapture, fileName = "screenshot" }) => {
 	const theme = useTheme();
 	const captureAndShare = async () => {
 		try {
diff --git a/src/Pages/DistributedUptime/Details/Components/StatusHeader/index.jsx b/src/Pages/DistributedUptime/Details/Components/StatusHeader/index.jsx
index 0e9b9bd20..5db44a559 100644
--- a/src/Pages/DistributedUptime/Details/Components/StatusHeader/index.jsx
+++ b/src/Pages/DistributedUptime/Details/Components/StatusHeader/index.jsx
@@ -74,7 +74,10 @@ const StatusHeader = ({ monitor, connectionStatus, elementToCapture }) => {
 						</Typography>
 					</Stack>
 				</Stack>
-				<ShareComponent elementToCapture={elementToCapture} />
+				<ShareComponent
+					elementToCapture={elementToCapture}
+					fileName={monitor.name}
+				/>
 			</Stack>
 			<ChatBot sx={{ marginTop: theme.spacing(10) }} />
 		</ColContainer>