diff --git a/src/components/OrgsTable.tsx b/src/components/OrgsTable.tsx index 167c11d57..112c19987 100644 --- a/src/components/OrgsTable.tsx +++ b/src/components/OrgsTable.tsx @@ -8,7 +8,8 @@ import { import { useNavigationContext } from "@app/hooks/useNavigationContext"; import { toast } from "@app/hooks/useToast"; import { getNextSortOrder, getSortDirection } from "@app/lib/sortColumn"; -import type { AdminOrgRow } from "@server/routers/org"; +import type { AdminOrgRow, DeleteOrgResponse } from "@server/routers/org"; + import { type PaginationState } from "@tanstack/react-table"; import { ArrowDown01Icon, @@ -20,8 +21,13 @@ import moment from "moment"; import { useTranslations } from "next-intl"; import Link from "next/link"; import { useRouter } from "next/navigation"; -import { useMemo, useTransition } from "react"; +import { useMemo, useState, useTransition } from "react"; import { useDebouncedCallback } from "use-debounce"; +import ConfirmDeleteDialog from "./ConfirmDeleteDialog"; +import { createApiClient, formatAxiosError } from "@app/lib/api"; +import type { AxiosResponse } from "axios"; +import api from "gpt-tokenizer"; +import { useEnvContext } from "@app/hooks/useEnvContext"; type OrgTableProps = { orgs: AdminOrgRow[]; @@ -44,6 +50,10 @@ export default function OrgsTable({ const [isRefreshing, startTransition] = useTransition(); + const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false); + const [selectedOrg, setSelectedOrg] = useState(); + const api = createApiClient(useEnvContext()); + function refreshData() { startTransition(async () => { try { @@ -192,6 +202,10 @@ export default function OrgsTable({ return (