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

Address feedback of feedback feature (#2981)

Browse Source
This commit is contained in:
Joe Au-Yeung 2022-06-06 13:40:02 -04:00 committed by GitHub
parent 12d66cb9df
commit ad101e0a31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/components/Shell.tsx
View File

@ -500,7 +500,7 @@ function UserDropdown({ small }: { small?: boolean }) {
</DropdownMenuTrigger>
<DropdownMenuContent portalled={true}>
{helpOpen ? (
<HelpMenuItem />
<HelpMenuItem closeHelp={() => setHelpOpen(false)} />
) : (
<>
<DropdownMenuItem>

19
apps/web/ee/components/support/HelpMenuItem.tsx
View File

@ -10,13 +10,23 @@ import { trpc } from "@lib/trpc";
import ContactMenuItem from "./ContactMenuItem";
export default function HelpMenuItem() {
interface HelpMenuItemProps {
closeHelp: () => void;
}
export default function HelpMenuItem({ closeHelp }: HelpMenuItemProps) {
const [rating, setRating] = useState<null | string>(null);
const [comment, setComment] = useState("");
const [disableSubmit, setDisableSubmit] = useState(true);
const { t } = useLocale();
const mutation = trpc.useMutation("viewer.submitFeedback");
const mutation = trpc.useMutation("viewer.submitFeedback", {
onSuccess: () => {
setDisableSubmit(true);
showToast("Thank you, feedback submitted", "success");
closeHelp();
},
});
const onRatingClick = (value: string) => {
setRating(value);
@ -25,11 +35,6 @@ export default function HelpMenuItem() {
const sendFeedback = async (rating: string, comment: string) => {
mutation.mutate({ rating: rating, comment: comment });
if (mutation.isSuccess) {
setDisableSubmit(true);
showToast("Thank you, feedback submitted", "success");
}
};
return (