maybe add unsubscribe page (#256)

Adds a `/user/unsubscribe?email=<email>` page to allow one-click unsubscribing.

api/src/handler/user.ts

@@ -9,6 +9,7 @@ import {
 } from "../util/error";
 import {
   createUser as serviceCreateUser,
+  unsubscribeUser as serviceUnsubscribeUser,
   putUser as servicePutUser,
 } from "../service/user";
 import { InputUser } from "../api-models/user";
@@ -59,6 +60,9 @@ export const putUser = async (
   args: { publicId: string; user: InputUser },
 ) => servicePutUser(args.publicId, args.user);
 
+export const unsubscribeUser = async (_: any, args: { email: string }) =>
+  serviceUnsubscribeUser(args.email);
+
 export const resendVerificationEmail = async (
   _: any,
   args: { email: string },

api/src/router/user.ts

@@ -2,6 +2,7 @@ import { gql } from "graphql-tag";
 import {
   createUser,
   createUserWithoutEmail,
+  unsubscribeUser,
   putUser,
   resendVerificationEmail,
   submitContactForm,
@@ -33,6 +34,7 @@ export const typeDefs = gql`
     createUser(email: String!): User
     createUserWithoutEmail: User
     putUser(publicId: String!, user: InputUser): User
+    unsubscribeUser(email: String!): User
     resendVerificationEmail(email: String!): Boolean
     verifyEmail(email: String!, verificationHash: String!): Boolean
     submitContactForm(
@@ -52,6 +54,7 @@ export const resolvers = {
   Mutation: {
     createUser,
     createUserWithoutEmail,
+    unsubscribeUser,
     putUser,
     resendVerificationEmail,
     verifyEmail,

api/src/service/user.ts

@@ -7,6 +7,7 @@ import { sendVerificationEmail } from "./email/templates/send-verification-email
 import {
   internalEmailSendError,
   invalidUserByPublicIdError,
+  invalidUserError,
   userInputErrorOptions,
 } from "../util/error";
 import { InputUser } from "../api-models/user";
@@ -94,3 +95,14 @@ export const putUser = async (publicId: string, inputUser: InputUser) => {
   }
   return user;
 };
+
+export const unsubscribeUser = async (email: string) => {
+  const user = await User.findOne({ email: email?.toLowerCase() || "" }).exec();
+  if (user == null) {
+    throw invalidUserError(email);
+  }
+
+  user.enabled = false;
+  await user.save();
+  return user;
+};

pages/user/unsubscribe.tsx

@@ -0,0 +1,79 @@
+import { useMutation } from "@apollo/client";
+import gql from "graphql-tag";
+import Router from "next/router";
+import React, { useEffect } from "react";
+import toast from "react-hot-toast";
+import { Layout } from "../../common-components/Layout/Layout";
+import {
+  handleGraphQlResponse,
+  stringifyGraphQlError,
+  useUrlQuery,
+} from "../../lib/utils";
+import { H3 } from "../../common-components/H3/H3";
+import { CommonLink } from "../../common-components/CommonLink/CommonLink";
+
+const UnsubscribeUserPage = () => {
+  const [urlQuery, urlQueryIsReady] = useUrlQuery();
+  const email = `${urlQuery.email || ""}`;
+  const mutation = gql`
+    mutation unsubscribeUser($email: String!) {
+      unsubscribeUser(email: $email) {
+        email
+      }
+    }
+  `;
+  interface UnsubscribeUserResponse {
+    unsubscribeUser: {
+      email: string;
+    };
+  }
+  const [unsubscribeUserMutation, { error, loading }] =
+    useMutation<UnsubscribeUserResponse>(mutation, { variables: { email } });
+
+  const title = "Unsubscribing...";
+
+  useEffect(() => {
+    if (urlQueryIsReady && email.length > 0) {
+      handleGraphQlResponse<UnsubscribeUserResponse>(
+        unsubscribeUserMutation(),
+      ).then(async ({ success, result }) => {
+        if (success) {
+          toast.success("Account is now disabled.");
+          const url = {
+            pathname: "/user",
+            query: {
+              email: result?.data?.unsubscribeUser.email,
+            },
+          };
+          await Router.push(url, url, { shallow: true });
+        }
+      });
+    }
+  }, [urlQueryIsReady, email, unsubscribeUserMutation]);
+
+  const errorAction = (
+    <H3>
+      Try heading over to your{" "}
+      <CommonLink href="/user/edit">account page</CommonLink> to unsubscribe.
+    </H3>
+  );
+
+  if (error) {
+    return (
+      <Layout error={stringifyGraphQlError(error)} errorAction={errorAction} />
+    );
+  }
+
+  if (urlQueryIsReady && !loading && email?.length === 0) {
+    return (
+      <Layout
+        error={"No email was found in the URL."}
+        errorAction={errorAction}
+      />
+    );
+  }
+
+  return <Layout title={title} isLoading />;
+};
+
+export default UnsubscribeUserPage;