feat: add order
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user