1404581f78
* feat: improve text filters (WIP) * move function to bottom * apply some styles * fix selection of TextFilterOptions * rename value to operand * remove unused file * merge filters/filters into filters/utils * fix regression of not putting url params correctly * move makeWhereClause to filters/utils * fix negative, empty, and not empty operators * fix initial filtering from search state (url) * fix type errors * do not send an empty array to query * update yarn.lock * i18n for text filter operators * extract logic as useColumnFilters() * add missing import * fix type error * revert yarn.lock * use i18n * insensitive text match * move data-table to @calcom/features * fix type errors * fix type errors * fix type errors --------- Co-authored-by: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com>
20 lines
583 B
TypeScript
20 lines
583 B
TypeScript
"use client";
|
|
|
|
import type { Table } from "@tanstack/react-table";
|
|
|
|
interface DataTablePaginationProps<TData> {
|
|
table: Table<TData>;
|
|
totalDbDataCount: number;
|
|
}
|
|
|
|
export function DataTablePagination<TData>({ table, totalDbDataCount }: DataTablePaginationProps<TData>) {
|
|
const loadedCount = table.getFilteredRowModel().rows.length;
|
|
|
|
return (
|
|
<p className="text-subtle text-sm tabular-nums">
|
|
Loaded <span className="text-default font-medium">{`${loadedCount}`}</span> of
|
|
<span className="text-default font-medium"> {`${totalDbDataCount}`}</span>
|
|
</p>
|
|
);
|
|
}
|