feat: add order

This commit is contained in:
2026-06-27 10:21:43 +03:30
parent 2a3bbd30fb
commit dec17b537e
+21 -1
View File
@@ -26,6 +26,7 @@ interface Category {
id: number;
name: string;
type: CategoryType;
order?: number;
description?: string | null;
icon?: string | null;
subcategories_count?: number;
@@ -56,6 +57,7 @@ export default function CategoriesPage() {
const [open, setOpen] = useState(false);
const [name, setName] = useState("");
const [type, setType] = useState<CategoryType>("media");
const [order, setOrder] = useState("0");
const [description, setDescription] = useState("");
const [icon, setIcon] = useState<File | null>(null);
const [saving, setSaving] = useState(false);
@@ -67,6 +69,7 @@ export default function CategoriesPage() {
setEditing(null);
setName("");
setType(typeFilter);
setOrder("0");
setDescription("");
setIcon(null);
setOpen(true);
@@ -75,6 +78,7 @@ export default function CategoriesPage() {
setEditing(row);
setName(row.name ?? "");
setType(row.type ?? "media");
setOrder(String(row.order ?? 0));
setDescription(row.description ?? "");
setIcon(null);
setOpen(true);
@@ -90,6 +94,7 @@ export default function CategoriesPage() {
_method: "PUT",
name,
type,
order,
description,
icon,
});
@@ -98,7 +103,7 @@ export default function CategoriesPage() {
} else {
await apiFetch("/categories", {
method: "POST",
body: toFormData({ name, type, description, icon }),
body: toFormData({ name, type, order, description, icon }),
});
toast.success("دسته‌بندی افزوده شد.");
}
@@ -135,6 +140,12 @@ export default function CategoriesPage() {
<MediaPreview kind="image" src={pickUrl(r, ICON_KEYS)} label={r.name} />
),
},
{
key: "order",
header: "ترتیب",
render: (r) => toFa(r.order ?? 0),
className: "w-20",
},
{ key: "name", header: "نام دسته‌بندی" },
{
key: "type",
@@ -249,6 +260,15 @@ export default function CategoriesPage() {
/>
</Field>
<Field label="ترتیب" hint="عدد کوچک‌تر بالاتر نمایش داده می‌شود.">
<Input
type="number"
value={order}
onChange={(e) => setOrder(e.target.value)}
dir="ltr"
/>
</Field>
<Field label="توضیحات">
<Textarea
value={description}