diff --git a/apps/web/ee/components/support/HelpMenuItem.tsx b/apps/web/ee/components/support/HelpMenuItem.tsx index bfeec05657..5bc696fe70 100644 --- a/apps/web/ee/components/support/HelpMenuItem.tsx +++ b/apps/web/ee/components/support/HelpMenuItem.tsx @@ -1,5 +1,6 @@ import { ExternalLinkIcon, ExclamationIcon } from "@heroicons/react/solid"; import { useState } from "react"; +import { HelpScout, useChat } from "react-live-chat-loader"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import showToast from "@calcom/lib/notification"; @@ -18,6 +19,8 @@ export default function HelpMenuItem({ closeHelp }: HelpMenuItemProps) { const [rating, setRating] = useState(null); const [comment, setComment] = useState(""); const [disableSubmit, setDisableSubmit] = useState(true); + const [active, setActive] = useState(false); + const [, loadChat] = useChat(); const { t } = useLocale(); const mutation = trpc.useMutation("viewer.submitFeedback", { @@ -190,6 +193,25 @@ export default function HelpMenuItem({ closeHelp }: HelpMenuItemProps) { )} +
+

{t("specific_issue")}?

+ { + setActive(true); + loadChat({ open: true }); + }}> + {t("contact_support")} + + {t("or").toLowerCase()} + + {t("browse_our_docs")}. + +
); } diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json index d99058450e..8e5acbc1e0 100644 --- a/apps/web/public/static/locales/en/common.json +++ b/apps/web/public/static/locales/en/common.json @@ -908,5 +908,7 @@ "web_conference": "Web conference", "requires_confirmation": "Requires confirmation", "add_exchange2013": "Connect Exchange 2013 Server", - "add_exchange2016": "Connect Exchange 2016 Server" + "add_exchange2016": "Connect Exchange 2016 Server", + "specific_issue": "Have a specific issue", + "browse_our_docs": "browse our docs" } diff --git a/apps/web/server/routers/viewer.tsx b/apps/web/server/routers/viewer.tsx index 30bfba42d8..d48a3fb46a 100644 --- a/apps/web/server/routers/viewer.tsx +++ b/apps/web/server/routers/viewer.tsx @@ -900,7 +900,7 @@ const loggedInViewerRouter = createProtectedRouter() const { rating, comment } = input; const feedback = { - username: ctx.user.name || "Nameless", + username: ctx.user.username || "Nameless", email: ctx.user.email || "No email address", rating: rating, comment: comment,