fix(pagination): enhance DataGridPagination to dynamically populate Select items

Updated the DataGridPagination component to map available sizes into Select items for better user experience. This change allows for dynamic selection of page sizes based on the provided props.
2026-07-03 14:43:46 +07:00
parent 78f2ecc246
commit 0af37d55c4
5 changed files with 42 additions and 4 deletions
@@ -111,11 +111,15 @@ function SelectLabel({
 function SelectItem({
  className,
  children,
+  label,
  ...props
 }: SelectPrimitive.Item.Props) {
+  const resolvedLabel = label ?? (typeof children === "string" ? children : undefined)
+
  return (
    <SelectPrimitive.Item
      data-slot="select-item"
+      label={resolvedLabel}
      className={cn(
        "relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
        className