maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: paid support wip (#12419) 

* paid support wip

* nit

* added upgrade box to intercom

* nit
This commit is contained in:
Peer Richelsen 2023-11-20 16:38:39 +00:00 committed by zomars
parent 53164d5c0a
commit f63a59fa23
2 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/public/static/locales/en/common.json
View File

@ -1111,6 +1111,8 @@
"developer_documentation": "Developer Documentation",
"get_in_touch": "Get in touch",
"contact_support": "Contact Support",
"premium_support": "Premium Support",
"community_support": "Community Support",
"feedback": "Feedback",
"submitted_feedback": "Thank you for your feedback!",
"feedback_error": "Error sending feedback",

32
packages/features/ee/support/components/ContactMenuItem.tsx
View File

@ -1,3 +1,9 @@
import { JOIN_DISCORD } from "@calcom/lib/constants";
import { useHasPaidPlan } from "@calcom/lib/hooks/useHasPaidPlan";
import { useLocale } from "@calcom/lib/hooks/useLocale";
import { UpgradeTeamsBadge } from "@calcom/ui";
import { ExternalLink } from "@calcom/ui/components/icon";
import FreshChatMenuItem from "../lib/freshchat/FreshChatMenuItem";
import HelpscoutMenuItem from "../lib/helpscout/HelpscoutMenuItem";
import IntercomMenuItem from "../lib/intercom/IntercomMenuItem";
@ -8,13 +14,31 @@ interface ContactMenuItem {
}
export default function ContactMenuItem(props: ContactMenuItem) {
const { t } = useLocale();
const { onHelpItemSelect } = props;
const { hasPaidPlan } = useHasPaidPlan();
return (
<>
<IntercomMenuItem onHelpItemSelect={onHelpItemSelect} />
<ZendeskMenuItem onHelpItemSelect={onHelpItemSelect} />
<HelpscoutMenuItem onHelpItemSelect={onHelpItemSelect} />
<FreshChatMenuItem onHelpItemSelect={onHelpItemSelect} />
{hasPaidPlan ? (
<>
<IntercomMenuItem onHelpItemSelect={onHelpItemSelect} />
<ZendeskMenuItem onHelpItemSelect={onHelpItemSelect} />
<HelpscoutMenuItem onHelpItemSelect={onHelpItemSelect} />
<FreshChatMenuItem onHelpItemSelect={onHelpItemSelect} />
</>
) : (
<div className=" hover:text-emphasis text-default flex w-full cursor-not-allowed justify-between px-5 py-2 pr-4 text-sm font-medium">
{t("premium_support")}
<UpgradeTeamsBadge />
</div>
)}
<a
href={JOIN_DISCORD}
target="_blank"
className="hover:bg-subtle hover:text-emphasis text-default flex w-full px-5 py-2 pr-4 text-sm font-medium">
{t("community_support")}{" "}
<ExternalLink className="group-hover:text-subtle text-muted ml-1 mt-px h-4 w-4 flex-shrink-0 ltr:mr-3" />
</a>
</>
);
}