Pasquale VitielloGitHubpasquale@cal.com <pasquale@cal.com>Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>pasquale@cal.com <pasquale@cal.com>Rajiv Sahal* feat: rename --font-cal to --font-heading + use Cal Sans UI * chore: remove font-weight from font-heading elements and CSS variables Co-Authored-By: pasquale@cal.com <pasquale@cal.com> * chore: remove unneeded css vars * fix: cubic issues --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> Co-authored-by: pasquale@cal.com <pasquale@cal.com> Co-authored-by: Rajiv Sahal <sahalrajiv-extc@atharvacoe.ac.in>
51 lines
1.7 KiB
TypeScript
51 lines
1.7 KiB
TypeScript
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { trpc } from "@calcom/trpc/react";
|
|
import { Badge } from "@calcom/ui/components/badge";
|
|
import { Button } from "@calcom/ui/components/button";
|
|
import { showToast } from "@calcom/ui/components/toast";
|
|
|
|
const DisableUserImpersonation = ({ disableImpersonation }: { disableImpersonation: boolean }) => {
|
|
const utils = trpc.useUtils();
|
|
|
|
const { t } = useLocale();
|
|
|
|
const mutation = trpc.viewer.me.updateProfile.useMutation({
|
|
onSuccess: async () => {
|
|
showToast(t("your_user_profile_updated_successfully"), "success");
|
|
await utils.viewer.me.invalidate();
|
|
},
|
|
});
|
|
|
|
return (
|
|
<>
|
|
<div className="flex flex-col justify-between pl-2 pt-9 sm:flex-row">
|
|
<div>
|
|
<div className="flex flex-row items-center">
|
|
<h2 className="font-heading text-emphasis text-lg leading-6">
|
|
{t("user_impersonation_heading")}
|
|
</h2>
|
|
<Badge className="ml-2 text-xs" variant={!disableImpersonation ? "success" : "gray"}>
|
|
{!disableImpersonation ? t("enabled") : t("disabled")}
|
|
</Badge>
|
|
</div>
|
|
<p className="text-subtle mt-1 text-sm">{t("user_impersonation_description")}</p>
|
|
</div>
|
|
<div className="mt-5 sm:mt-0 sm:self-center">
|
|
<Button
|
|
type="submit"
|
|
color="secondary"
|
|
onClick={() =>
|
|
!disableImpersonation
|
|
? mutation.mutate({ disableImpersonation: true })
|
|
: mutation.mutate({ disableImpersonation: false })
|
|
}>
|
|
{!disableImpersonation ? t("disable") : t("enable")}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default DisableUserImpersonation;
|