Function OrgLabelsTable

src/components/OrgLabelsTable.tsx:44–238

({
    labels,
    orgId,
    pagination,
    rowCount
}: OrgLabelsTableProps)

};

export default function OrgLabelsTable({
    labels,
    orgId,
    pagination,
    rowCount
}: OrgLabelsTableProps) {
    const router = useRouter();

    const {
        navigate: filter,
        isNavigating: isFiltering,
        searchParams
    } = useNavigationContext();

    const [selectedLabel, setSelectedLabel] = useState<LabelRow | null>(null);
    const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
    const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
    const [isEditModalOpen, setIsEditModalOpen] = useState(false);

    const [isRefreshing, startTransition] = useTransition();

    const api = createApiClient(useEnvContext());
    const t = useTranslations();

    function refreshData() {
        startTransition(async () => {
            try {
                router.refresh();
            } catch {
                toast({
                    title: t("error"),
                    description: t("refreshError"),
                    variant: "destructive"
                });
            }
        });
    }

    const handlePaginationChange = (newPage: PaginationState) => {
        searchParams.set("page", (newPage.pageIndex + 1).toString());
        searchParams.set("pageSize", newPage.pageSize.toString());
        filter({ searchParams });
    };

    const handleSearchChange = useDebouncedCallback((query: string) => {
        searchParams.set("query", query);
        searchParams.delete("page");
        filter({ searchParams });
    }, 300);

    const columns = useMemo<ExtendedColumnDef<LabelRow>[]>(
        () => [
            {
                accessorKey: "name",
                enableHiding: false,
                header: () => {
                    return <span className="p-3">{t("name")}</span>;
                },