3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-05-24 06:16:25 +02:00
Code Issues Projects Releases Packages Wiki Activity

📈 Capture more information about notifications

Browse source
This commit is contained in:
Luke Vella 2023-03-23 22:21:27 +00:00
parent 1fba36f9c8
commit 243c9984cb
2 changed files with 25 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/web/src/components/poll/notifications-toggle.tsx
View file

@ -29,6 +29,7 @@ const NotificationsToggle: React.FunctionComponent = () => {
onSuccess: () => { onSuccess: () => {
posthog?.capture("turned notifications on", { posthog?.capture("turned notifications on", {
pollId: poll.id, pollId: poll.id,
source: "notifications-toggle",
}); });
}, },
}); });
@ -37,6 +38,7 @@ const NotificationsToggle: React.FunctionComponent = () => {
onSuccess: () => { onSuccess: () => {
posthog?.capture("turned notifications off", { posthog?.capture("turned notifications off", {
pollId: poll.id, pollId: poll.id,
source: "notifications-toggle",
}); });
}, },
}); });

28
apps/web/src/pages/auth/disable-notifications.tsx
View file

@ -4,6 +4,7 @@ import Link from "next/link";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { Trans, useTranslation } from "next-i18next"; import { Trans, useTranslation } from "next-i18next";
import React from "react"; import React from "react";
import { useMount } from "react-use";
import Bell from "@/components/icons/bell-crossed.svg"; import Bell from "@/components/icons/bell-crossed.svg";
import { AuthLayout } from "@/components/layouts/auth-layout"; import { AuthLayout } from "@/components/layouts/auth-layout";
@ -14,13 +15,15 @@ import {
DisableNotificationsPayload, DisableNotificationsPayload,
withSessionSsr, withSessionSsr,
} from "@/utils/auth"; } from "@/utils/auth";
import { usePostHog } from "@/utils/posthog";
import { withPageTranslations } from "@/utils/with-page-translations"; import { withPageTranslations } from "@/utils/with-page-translations";
const Redirect = (props: React.PropsWithChildren<{ redirect: string }>) => { const Redirect = (props: React.PropsWithChildren<{ redirect: string }>) => {
const router = useRouter(); const router = useRouter();
const [enabled, setEnabled] = React.useState(false); const [enabled, setEnabled] = React.useState(false);
const { t } = useTranslation("app"); const { t } = useTranslation("app");
React.useEffect(() => {
useMount(() => {
setTimeout(() => { setTimeout(() => {
setEnabled(true); setEnabled(true);
}, 500); }, 500);
@ -28,7 +31,7 @@ const Redirect = (props: React.PropsWithChildren<{ redirect: string }>) => {
setTimeout(() => { setTimeout(() => {
router.replace(props.redirect); router.replace(props.redirect);
}, 3000); }, 3000);
}, [router, props.redirect]); });
return ( return (
<div> <div>
@ -57,7 +60,7 @@ const Redirect = (props: React.PropsWithChildren<{ redirect: string }>) => {
); );
}; };
type Data = { title: undefined; adminUrlId: undefined }; type Data = { title: string; adminUrlId: string; pollId: string };
type PageProps = type PageProps =
| { | {
@ -68,6 +71,17 @@ type PageProps =
const Page = (props: PageProps) => { const Page = (props: PageProps) => {
const { t } = useTranslation("app"); const { t } = useTranslation("app");
const posthog = usePostHog();
useMount(() => {
if (!props.error) {
posthog?.capture("turned notifications off", {
pollId: props.data.pollId,
// where the event was triggered from
source: "email",
});
}
});
return ( return (
<AuthLayout title={t("loading")}> <AuthLayout title={t("loading")}>
@ -135,7 +149,7 @@ export const getServerSideProps = composeGetServerSideProps(
} else { } else {
const poll = await prisma.poll.findFirst({ const poll = await prisma.poll.findFirst({
where: { id: payload.pollId }, where: { id: payload.pollId },
select: { adminUrlId: true, title: true }, select: { adminUrlId: true, title: true, id: true },
}); });
if (!poll) { if (!poll) {
@ -148,7 +162,11 @@ export const getServerSideProps = composeGetServerSideProps(
return { return {
props: { props: {
data: { adminUrlId: poll.adminUrlId, title: poll.title }, data: {
adminUrlId: poll.adminUrlId,
title: poll.title,
pollId: poll.id,
},
}, },
}; };
} }