Merge branch 'main' of http://git.approagency.ir/Amirmahdi/meditation-admin

app/dashboard/breathing/page.tsx

@@ -129,7 +129,8 @@ export default function BreathingPage() {
         duration: numOrUndefined(form.duration),
         description: form.description,
         image_id: numOrUndefined(form.image_id),
-        breathing_color_id: breathingColorId ?? undefined,
+        // Send null (not undefined) so choosing "بدون رنگ" actually clears it.
+        breathing_color_id: breathingColorId,
       };
       if (editing) {
         // Update is JSON on /breathing-templates/:id

app/dashboard/categories/page.tsx

@@ -88,7 +88,19 @@ export default function CategoriesPage() {
     e.preventDefault();
     setSaving(true);
     try {
+      // Playlist categories live in the music_categories table, so their writes
+      // go to /music-categories (image is the `image` field, not `icon`).
+      const targetType = editing ? editing.type : type;
+      if (targetType === "playlist") {
+        const body = toFormData({ name, description, order, image: icon });
         if (editing) {
+          await apiFetch(`/music-categories/${editing.id}`, { method: "POST", body });
+          toast.success("دسته‌بندی ویرایش شد.");
+        } else {
+          await apiFetch("/music-categories", { method: "POST", body });
+          toast.success("دسته‌بندی افزوده شد.");
+        }
+      } else if (editing) {
         // Icon is a file, so update goes through POST + Laravel method spoofing.
         const body = toFormData({
           _method: "PUT",
@@ -120,7 +132,11 @@ export default function CategoriesPage() {
     if (!deleting) return;
     setRemoving(true);
     try {
-      await apiFetch(`/categories/${deleting.id}`, { method: "DELETE" });
+      const path =
+        deleting.type === "playlist"
+          ? `/music-categories/${deleting.id}`
+          : `/categories/${deleting.id}`;
+      await apiFetch(path, { method: "DELETE" });
       toast.success("دسته‌بندی حذف شد.");
       setDeleting(null);
       reload();

app/dashboard/sliders/page.tsx

@@ -16,10 +16,10 @@ import {
   Textarea,
 } from "@/components/ui";
 import { EditIcon, PlusIcon, TrashIcon } from "@/components/icons";
-import { toFa } from "@/lib/utils";
-import { MediaPreview } from "@/components/MediaPreview";
 import { ImagePicker } from "@/components/ImagePicker";
+import { MediaPreview } from "@/components/MediaPreview";
 import { pickUrl, IMAGE_KEYS } from "@/lib/media";
+import { toFa } from "@/lib/utils";
 
 interface SliderAction {
   path?: string;
@@ -37,7 +37,7 @@ interface Slider {
 }
 
 const ACTION_TYPES = [
-  { value: "screen", label: "صفحه (screen)" },
+  { value: "navigation", label: "صفحه (navigation)" },
   { value: "link", label: "لینک (link)" },
 ];
 
@@ -51,7 +51,7 @@ export default function SlidersPage() {
   const [description, setDescription] = useState("");
   const [url, setUrl] = useState("");
   const [actionPath, setActionPath] = useState("");
-  const [actionType, setActionType] = useState("screen");
+  const [actionType, setActionType] = useState("navigation");
   const [imageId, setImageId] = useState<number | null>(null);
   const [imageFile, setImageFile] = useState<File | null>(null);
   const [saving, setSaving] = useState(false);
@@ -65,7 +65,7 @@ export default function SlidersPage() {
     setDescription("");
     setUrl("");
     setActionPath("");
-    setActionType("screen");
+    setActionType("navigation");
     setImageId(null);
     setImageFile(null);
     setOpen(true);
@@ -76,7 +76,7 @@ export default function SlidersPage() {
     setDescription(row.description ?? "");
     setUrl(row.url ?? "");
     setActionPath(row.action?.path ?? "");
-    setActionType(row.action?.type ?? "screen");
+    setActionType(row.action?.type ?? "navigation");
     setImageId(row.image_id ?? null);
     setImageFile(null);
     setOpen(true);
@@ -86,9 +86,8 @@ export default function SlidersPage() {
     e.preventDefault();
     setSaving(true);
     try {
-      // Both create and edit go through multipart (the image is a file). The
+      // Multipart for both (so an image file can be uploaded). Bracket keys
-      // nested action uses literal bracket keys; edit posts to /slider/:id,
+      // build the nested action object; update uses POST /slider/:id.
-      // which the backend also accepts as a multipart update.
       const body = toFormData({
         title,
         description,
@@ -102,6 +101,7 @@ export default function SlidersPage() {
         await apiFetch(`/slider/${editing.id}`, { method: "POST", body });
         toast.success("اسلایدر ویرایش شد.");
       } else {
+        await apiFetch("/slider", { method: "POST", body });
         await apiFetch("/slider", { method: "POST", body });
         toast.success("اسلایدر افزوده شد.");
       }
@@ -132,7 +132,7 @@ export default function SlidersPage() {
   const columns: Column<Slider>[] = [
     { key: "id", header: "شناسه", render: (r) => toFa(r.id), className: "w-24" },
     {
-      key: "thumbnail",
+      key: "image",
       header: "تصویر",
       className: "w-20",
       render: (r) => (
@@ -236,6 +236,16 @@ export default function SlidersPage() {
             />
           </Field>
 
+          <Field label="تصویر">
+            <ImagePicker
+              imageId={imageId}
+              onPickId={setImageId}
+              file={imageFile}
+              onPickFile={setImageFile}
+              existingUrl={editing ? pickUrl(editing, IMAGE_KEYS) : null}
+            />
+          </Field>
+
           <Field label="توضیحات">
             <Textarea
               value={description}