import { useState } from "react"; import type { TApiKeys } from "@calcom/ee/api-keys/components/ApiKeyListItem"; import LicenseRequired from "@calcom/ee/common/components/LicenseRequired"; import ApiKeyDialogForm from "@calcom/features/ee/api-keys/components/ApiKeyDialogForm"; import ApiKeyListItem from "@calcom/features/ee/api-keys/components/ApiKeyListItem"; import { getLayout } from "@calcom/features/settings/layouts/SettingsLayout"; import { APP_NAME } from "@calcom/lib/constants"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { trpc } from "@calcom/trpc/react"; import { Button, Dialog, DialogContent, EmptyScreen, Meta, AppSkeletonLoader as SkeletonLoader, } from "@calcom/ui"; import { Link as LinkIcon, Plus } from "@calcom/ui/components/icon"; import PageWrapper from "@components/PageWrapper"; const ApiKeysView = () => { const { t } = useLocale(); const { data, isLoading } = trpc.viewer.apiKeys.list.useQuery(); const [apiKeyModal, setApiKeyModal] = useState(false); const [apiKeyToEdit, setApiKeyToEdit] = useState<(TApiKeys & { neverExpires?: boolean }) | undefined>( undefined ); const NewApiKeyButton = () => { return ( ); }; return ( <> <> {isLoading && }
{isLoading ? null : data?.length ? ( <>
{data.map((apiKey, index) => ( { setApiKeyToEdit(apiKey); setApiKeyModal(true); }} /> ))}
) : ( } /> )}
setApiKeyModal(false)} defaultValues={apiKeyToEdit} /> ); }; ApiKeysView.getLayout = getLayout; ApiKeysView.PageWrapper = PageWrapper; export default ApiKeysView;