background

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) => {

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;
 };