fix: subcategory

app/dashboard/media/page.tsx

@@ -34,6 +34,8 @@ interface Media {
   caption?: string;
   // The API returns a `categories` array (many-to-many).
   categories?: Category[];
+  // The API returns `sub_categories` (snake_case); keep the other casings as fallbacks.
+  sub_categories?: Category[];
   subcategories?: Category[];
   subCategories?: Category[];
   type?: string;
@@ -142,7 +144,9 @@ export default function MediaPage() {
     setCaption(row.caption ?? "");
     setCategoryIds((row.categories ?? []).map((c) => c.id));
     setSubcategoryIds(
-      (row.subcategories ?? row.subCategories ?? []).map((c) => c.id),
+      (row.sub_categories ?? row.subcategories ?? row.subCategories ?? []).map(
+        (c) => c.id,
+      ),
     );
     setType(row.type ?? "audio");
     setDuration(row.duration != null ? String(row.duration) : "");

app/dashboard/music/categories/page.tsx

@@ -17,9 +17,6 @@ import {
   PageHeader,
 } from "@/components/ui";
 import { EditIcon, PlusIcon, TrashIcon } from "@/components/icons";
-import { ImagePicker } from "@/components/ImagePicker";
-import { MediaPreview } from "@/components/MediaPreview";
-import { pickUrl, IMAGE_KEYS } from "@/lib/media";
 import { toFa } from "@/lib/utils";
 
 interface MusicCategory {
@@ -28,8 +25,6 @@ interface MusicCategory {
   description?: string;
   order?: number;
   is_active?: boolean;
-  image_id?: number | null;
-  image?: unknown;
 }
 
 export default function MusicCategoriesPage() {
@@ -44,8 +39,7 @@ export default function MusicCategoriesPage() {
   const [name, setName] = useState("");
   const [description, setDescription] = useState("");
   const [order, setOrder] = useState("");
-  const [imageId, setImageId] = useState<number | null>(null);
+  const [imageId, setImageId] = useState("");
-  const [imageFile, setImageFile] = useState<File | null>(null);
   const [isActive, setIsActive] = useState(true);
 
   const [deleting, setDeleting] = useState<MusicCategory | null>(null);
@@ -56,8 +50,7 @@ export default function MusicCategoriesPage() {
     setName("");
     setDescription("");
     setOrder("");
-    setImageId(null);
+    setImageId("");
-    setImageFile(null);
     setIsActive(true);
     setOpen(true);
   }
@@ -66,8 +59,7 @@ export default function MusicCategoriesPage() {
     setName(row.name ?? "");
     setDescription(row.description ?? "");
     setOrder(row.order != null ? String(row.order) : "");
-    setImageId(row.image_id ?? null);
+    setImageId("");
-    setImageFile(null);
     setIsActive(row.is_active ?? true);
     setOpen(true);
   }
@@ -77,17 +69,15 @@ export default function MusicCategoriesPage() {
     setSaving(true);
     try {
       if (editing) {
-        // Update is multipart (POST) so an image file can be uploaded.
+        // Update is JSON on /music-categories/:id
         await apiFetch(`/music-categories/${editing.id}`, {
-          method: "POST",
+          method: "PUT",
-          body: toFormData({
+          body: {
             name,
             description,
             order: order === "" ? undefined : Number(order),
             is_active: isActive,
-            image_id: imageId,
+          },
-            image: imageFile,
-          }),
         });
         toast.success("دسته‌بندی ویرایش شد.");
       } else {
@@ -98,9 +88,8 @@ export default function MusicCategoriesPage() {
             name,
             description,
             order,
-            is_active: isActive,
             image_id: imageId,
-            image: imageFile,
+            is_active: isActive,
           }),
         });
         toast.success("دسته‌بندی افزوده شد.");
@@ -131,14 +120,6 @@ export default function MusicCategoriesPage() {
 
   const columns: Column<MusicCategory>[] = [
     { key: "id", header: "شناسه", render: (r) => toFa(r.id), className: "w-24" },
-    {
-      key: "image",
-      header: "تصویر",
-      className: "w-20",
-      render: (r) => (
-        <MediaPreview kind="image" src={pickUrl(r, IMAGE_KEYS)} label={r.name} />
-      ),
-    },
     { key: "name", header: "نام" },
     {
       key: "description",
@@ -242,15 +223,16 @@ export default function MusicCategoriesPage() {
               dir="ltr"
             />
           </Field>
-          <Field label="تصویر">
+          {!editing && (
-            <ImagePicker
+            <Field label="شناسه تصویر">
-              imageId={imageId}
+              <Input
-              onPickId={setImageId}
+                value={imageId}
-              file={imageFile}
+                onChange={(e) => setImageId(e.target.value)}
-              onPickFile={setImageFile}
+                dir="ltr"
-              existingUrl={editing ? pickUrl(editing, IMAGE_KEYS) : null}
+                placeholder="image_id"
               />
             </Field>
+          )}
           <Switch checked={isActive} onChange={setIsActive} label="فعال" />
         </form>
       </Modal>