46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import { checkAdminOrOwner } from "@calcom/features/auth/lib/checkAdminOrOwner";
|
|
import { useCompatSearchParams } from "@calcom/lib/hooks/useCompatSearchParams";
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { trpc } from "@calcom/trpc/react";
|
|
import useMeQuery from "@calcom/trpc/react/hooks/useMeQuery";
|
|
import type { ButtonProps } from "@calcom/ui/components/button";
|
|
import { Button } from "@calcom/ui/components/button";
|
|
|
|
import { OutOfOfficeTab } from "./OutOfOfficeToggleGroup";
|
|
|
|
const CreateNewOutOfOfficeEntryButton = ({
|
|
size,
|
|
onClick,
|
|
...rest
|
|
}: {
|
|
size?: ButtonProps["size"];
|
|
onClick: () => void;
|
|
"data-testid"?: string;
|
|
}) => {
|
|
const { t } = useLocale();
|
|
const me = useMeQuery();
|
|
const { data: orgData } = trpc.viewer.organizations.listCurrent.useQuery();
|
|
const isOrgAdminOrOwner = orgData && checkAdminOrOwner(orgData.user.role);
|
|
const hasTeamOOOAdminAccess = isOrgAdminOrOwner || me?.data?.isTeamAdminOrOwner;
|
|
|
|
const params = useCompatSearchParams();
|
|
const selectedTab = params?.get("type") ?? OutOfOfficeTab.MINE;
|
|
|
|
return (
|
|
<Button
|
|
color="primary"
|
|
size={size ?? "base"}
|
|
className="flex items-center justify-between px-4"
|
|
StartIcon="plus"
|
|
onClick={onClick}
|
|
data-testid={rest["data-testid"]}
|
|
disabled={selectedTab === OutOfOfficeTab.TEAM && !hasTeamOOOAdminAccess}>
|
|
{t("add")}
|
|
</Button>
|
|
);
|
|
};
|
|
|
|
export default CreateNewOutOfOfficeEntryButton;
|