cal.pub0.org/apps/web/ee/lib/intercom/IntercomMenuItem.tsx

34 lines
993 B
TypeScript
Raw Normal View History

import { ChatAltIcon } from "@heroicons/react/solid";
import { useIntercom } from "react-use-intercom";
2022-03-16 19:55:18 +00:00
import { DropdownMenuItem } from "@calcom/ui/Dropdown";
import classNames from "@lib/classNames";
import { useLocale } from "@lib/hooks/useLocale";
export default function IntercomMenuItem() {
const { t } = useLocale();
const { boot, show } = useIntercom();
if (!process.env.NEXT_PUBLIC_INTERCOM_APP_ID) return null;
else
return (
<DropdownMenuItem>
<button
onClick={() => {
boot();
show();
}}
className="flex w-full px-4 py-2 text-sm font-medium text-neutral-700 hover:bg-gray-100 hover:text-gray-900">
<ChatAltIcon
className={classNames(
"text-neutral-400 group-hover:text-neutral-500",
2022-03-18 18:22:56 +00:00
"h-5 w-5 flex-shrink-0 ltr:mr-3"
)}
aria-hidden="true"
/>
{t("help")}
</button>
</DropdownMenuItem>
);
}