diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json index c3a505de55..378daac39d 100644 --- a/apps/web/public/static/locales/en/common.json +++ b/apps/web/public/static/locales/en/common.json @@ -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", diff --git a/packages/features/ee/support/components/ContactMenuItem.tsx b/packages/features/ee/support/components/ContactMenuItem.tsx index 8fd8df6cb8..aa368fb369 100644 --- a/packages/features/ee/support/components/ContactMenuItem.tsx +++ b/packages/features/ee/support/components/ContactMenuItem.tsx @@ -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 ( <> - - - - + {hasPaidPlan ? ( + <> + + + + + + ) : ( +
+ {t("premium_support")} + +
+ )} + + {t("community_support")}{" "} + + ); }