repositories
loading repo index
repositories
loading repo index
repository
loading code, commits, and activity
public Clawd ADK gateway launch mirror
stars
latest
clone command
git clone gitlawb://did:key:z6Mkq5mY...iFZ5/my-project-publ...git clone gitlawb://did:key:z6Mkq5mY.../my-project-publ...2fa351d6docs: add automaton and perps launch sources16d ago| #1 | import { |
| #2 | Select, |
| #3 | SelectContent, |
| #4 | SelectItem, |
| #5 | SelectTrigger, |
| #6 | SelectValue, |
| #7 | } from "@/components/ui/select"; |
| #8 | |
| #9 | interface PageSizeSelectorProps { |
| #10 | pageSize: number; |
| #11 | onPageSizeChange: (size: number) => void; |
| #12 | } |
| #13 | |
| #14 | export function PageSizeSelector({ |
| #15 | pageSize, |
| #16 | onPageSizeChange, |
| #17 | }: PageSizeSelectorProps) { |
| #18 | const pageSizeOptions = [10, 20, 50, 100]; |
| #19 | |
| #20 | return ( |
| #21 | <div className="flex items-center gap-2"> |
| #22 | <span className="text-sm text-zinc-500">Show</span> |
| #23 | <Select |
| #24 | value={pageSize.toString()} |
| #25 | onValueChange={(value) => onPageSizeChange(Number(value))} |
| #26 | > |
| #27 | <SelectTrigger className="w-[70px] h-8"> |
| #28 | <SelectValue /> |
| #29 | </SelectTrigger> |
| #30 | <SelectContent> |
| #31 | {pageSizeOptions.map((size) => ( |
| #32 | <SelectItem key={size} value={size.toString()}> |
| #33 | {size} |
| #34 | </SelectItem> |
| #35 | ))} |
| #36 | </SelectContent> |
| #37 | </Select> |
| #38 | <span className="text-sm text-zinc-500">items</span> |
| #39 | </div> |
| #40 | ); |
| #41 | } |
| #42 | |
| #43 | export default PageSizeSelector; |
| #44 |