From 35aa5162cab47ef5c7350e3d488ae8c2f081f6e0 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Mon, 23 Jun 2025 12:34:30 +0800
Subject: [PATCH] don't render bg svg on light mode

---
 client/src/Components/Layouts/AppLayout/index.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/Components/Layouts/AppLayout/index.jsx b/client/src/Components/Layouts/AppLayout/index.jsx
index 564012d72..d13f6d879 100644
--- a/client/src/Components/Layouts/AppLayout/index.jsx
+++ b/client/src/Components/Layouts/AppLayout/index.jsx
@@ -2,16 +2,17 @@ import Box from "@mui/material/Box";
 import PropTypes from "prop-types";
 import { useTheme } from "@emotion/react";
 import BackgroundSVG from "../../../assets/Images/background.svg";
+import { useSelector } from "react-redux";
 
 const AppLayout = ({ children }) => {
 	const theme = useTheme();
-
+	const ui = useSelector((state) => state.ui);
 	return (
 		<Box
 			sx={{
 				minHeight: "100vh",
 				backgroundColor: theme.palette.primaryBackground.main,
-				backgroundImage: `url("${BackgroundSVG}")`,
+				backgroundImage: ui?.mode === "dark" ? `url("${BackgroundSVG}")` : "none",
 				backgroundSize: "100% 100%",
 				backgroundPosition: "center",
 				backgroundRepeat: "no-repeat",