feat: add media_detail

2026-06-06 20:59:05 +03:30
parent ef054280bb
commit 2f976bade1
2 changed files with 45 additions and 2 deletions
@@ -26,6 +26,8 @@ interface Playlist {
  description?: string;
  image_id?: number | null;
  image?: unknown;
+  detail_image_id?: number | null;
+  detail_image?: unknown;
 }

 interface MusicCategory {
@@ -49,6 +51,8 @@ export default function MusicPlaylistsPage() {
  const [subcategoryIds, setSubcategoryIds] = useState<number[]>([]);
  const [imageId, setImageId] = useState<number | null>(null);
  const [imageFile, setImageFile] = useState<File | null>(null);
+  const [detailImageId, setDetailImageId] = useState<number | null>(null);
+  const [detailImageFile, setDetailImageFile] = useState<File | null>(null);

  const [deleting, setDeleting] = useState<Playlist | null>(null);
  const [removing, setRemoving] = useState(false);
@@ -65,6 +69,8 @@ export default function MusicPlaylistsPage() {
    setSubcategoryIds([]);
    setImageId(null);
    setImageFile(null);
+    setDetailImageId(null);
+    setDetailImageFile(null);
    setOpen(true);
  }
  function openEdit(row: Playlist) {
@@ -75,6 +81,8 @@ export default function MusicPlaylistsPage() {
    setSubcategoryIds([]);
    setImageId(row.image_id ?? null);
    setImageFile(null);
+    setDetailImageId(row.detail_image_id ?? null);
+    setDetailImageFile(null);
    setOpen(true);
  }

@@ -91,6 +99,8 @@ export default function MusicPlaylistsPage() {
            description,
            image_id: imageId,
            image: imageFile,
+            detail_image_id: detailImageId,
+            detail_image: detailImageFile,
          }),
        });
        toast.success("پلی‌لیست ویرایش شد.");
@@ -105,6 +115,8 @@ export default function MusicPlaylistsPage() {
            subcategory_ids: subcategoryIds,
            image_id: imageId,
            image: imageFile,
+            detail_image_id: detailImageId,
+            detail_image: detailImageFile,
          }),
        });
        toast.success("پلی‌لیست افزوده شد.");
@@ -225,7 +237,7 @@ export default function MusicPlaylistsPage() {
            />
          </Field>

-          <Field label="تصویر">
+          <Field label="تصویر لیست">
            <ImagePicker
              imageId={imageId}
              onPickId={setImageId}
@@ -235,6 +247,16 @@ export default function MusicPlaylistsPage() {
            />
          </Field>

+          <Field label="تصویر جزئیات">
+            <ImagePicker
+              imageId={detailImageId}
+              onPickId={setDetailImageId}
+              file={detailImageFile}
+              onPickFile={setDetailImageFile}
+              existingUrl={editing ? pickUrl(editing, ["detail_image"]) : null}
+            />
+          </Field>
+
          {!editing && (
            <>
              <Field label="دسته‌بندی‌ها">