From fe78b218ccde7fc92b4c96921c8f03d5ac51884f Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Mon, 22 Jun 2026 09:35:15 +0330
Subject: [PATCH] background

---
 .../settings/components/DesignSettings.tsx    | 21 ++++++++++++-------
 src/pages/settings/types/Types.ts             |  4 ++--
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/pages/settings/components/DesignSettings.tsx b/src/pages/settings/components/DesignSettings.tsx
index abc3804..fd9e6f8 100644
--- a/src/pages/settings/components/DesignSettings.tsx
+++ b/src/pages/settings/components/DesignSettings.tsx
@@ -7,7 +7,7 @@ import { clx } from "@/helpers/utils";
 import DesignSlider from "@/pages/settings/components/DesignSlider";
 import { PATTERN_BACKGROUND_OPACITY, useBackgroundPatterns } from "@/pages/settings/hooks/usePatterns";
 import { useGetBackgrounds, useSetBackground } from "@/pages/settings/hooks/useSettingData";
-import type { BackgroundItemType } from "@/pages/settings/types/Types";
+import type { BackgroundItemType, SetBackgroundType } from "@/pages/settings/types/Types";
 import { useSingleUpload } from "@/pages/uploader/hooks/useUploaderData";
 import { DocumentUpload, Gallery, TickCircle, Trash } from "iconsax-react";
 import { useCallback, useEffect, useMemo, useState, type FC } from "react";
@@ -116,13 +116,20 @@ const DesignSettings: FC = () => {
           return;
         }
 
+        const backgroundPayload: SetBackgroundType = { bgUrl };
+
+        if (imageOpacity) {
+          backgroundPayload.bgOpacity = String(imageOpacity);
+        }
+        if (imageBlur) {
+          backgroundPayload.bgBlur = String(imageBlur);
+        }
+        if (overlayDarkness) {
+          backgroundPayload.bgOverlay = String(overlayDarkness);
+        }
+
         setBackground(
-          {
-            bgUrl,
-            bgOpacity: imageOpacity,
-            bgBlur: imageBlur,
-            bgOverlay: String(overlayDarkness),
-          },
+          backgroundPayload,
           {
             onSuccess: () => toast.success("تنظیمات طراحی با موفقیت ذخیره شد"),
             onError: (error: unknown) => {
diff --git a/src/pages/settings/types/Types.ts b/src/pages/settings/types/Types.ts
index d5b07b6..591bcf6 100644
--- a/src/pages/settings/types/Types.ts
+++ b/src/pages/settings/types/Types.ts
@@ -73,8 +73,8 @@ export type GetRestaurantResponse = IResponse<Restaurant>;
 
 export type SetBackgroundType = {
   bgUrl: string;
-  bgOpacity?: number;
-  bgBlur?: number;
+  bgOpacity?: string;
+  bgBlur?: string;
   bgOverlay?: string;
 };