Allow quiet Mod approval

mcongrove · Jan 14, 2025 · 8940edc · 8940edc
1 parent fb8560a
commit 8940edc
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 31 deletions.
diff --git a/src/components/moderation/PendingItem.tsx b/src/components/moderation/PendingItem.tsx
@@ -24,13 +24,15 @@ export const PendingItem = ({
 	children,
 	createdAt,
 	onApprove,
+	onApproveSkipEmail,
 	onReject,
 	ownerId,
 }: {
 	carId?: string;
 	children: React.ReactNode;
 	createdAt: number;
 	onApprove: () => void;
+	onApproveSkipEmail?: () => void;
 	onReject: () => void;
 	ownerId?: string;
 }) => {
@@ -102,6 +104,15 @@ export const PendingItem = ({
 					>
 						<i className="fa-solid fa-fw fa-check"></i>
 					</Button>
+
+					{onApproveSkipEmail && (
+						<Button
+							onClick={onApproveSkipEmail}
+							className="bg-green-50 hover:bg-green-100 text-green-600 flex items-center justify-center h-8 w-16 gap-2"
+						>
+							<i className="fa-solid fa-fw fa-check"></i> 🤫
+						</Button>
+					)}
 				</div>
 			</div>
 

diff --git a/src/pages/Moderation.tsx b/src/pages/Moderation.tsx
@@ -182,7 +182,8 @@ export const Moderation = () => {
 
 	const handleApprove = async (
 		type: 'car' | 'carOwner' | 'owner' | 'photo',
-		id: string
+		id: string,
+		skipEmail: boolean = false
 	) => {
 		try {
 			const token = await getToken();
@@ -197,6 +198,7 @@ export const Moderation = () => {
 						'Content-Type': 'application/json',
 						Authorization: `Bearer ${token}`,
 					},
+					body: JSON.stringify({ skipEmail }),
 				}
 			);
 
@@ -460,6 +462,13 @@ export const Moderation = () => {
 											onApprove={() =>
 												handleApprove('car', pending.id)
 											}
+											onApproveSkipEmail={() =>
+												handleApprove(
+													'car',
+													pending.id,
+													true
+												)
+											}
 											onReject={() =>
 												handleReject('car', pending.id)
 											}
@@ -517,6 +526,13 @@ export const Moderation = () => {
 													pending.id
 												)
 											}
+											onApproveSkipEmail={() =>
+												handleApprove(
+													'carOwner',
+													pending.id,
+													true
+												)
+											}
 											onReject={() =>
 												handleReject(
 													'carOwner',

diff --git a/src/worker/routes/moderation.ts b/src/worker/routes/moderation.ts
@@ -240,6 +240,9 @@ moderationRouter.post(
 	withModerator(),
 	async (c) => {
 		const { id } = c.req.param();
+		const { skipEmail } = await c.req
+			.json<{ skipEmail?: boolean }>()
+			.catch(() => ({ skipEmail: false }));
 
 		try {
 			const db = createDb(c.env.DB);
@@ -310,21 +313,24 @@ moderationRouter.post(
 					.get('clerk')
 					.users.getUser(user_id);
 
-				const primaryEmail = requestingUser.emailAddresses.find(
-					(email) => email.id === requestingUser.primaryEmailAddressId
-				);
-
-				if (primaryEmail) {
-					const resend = new Resend(c.env.RESEND_API_KEY);
-
-					await resend.emails.send({
-						from: 'Miata Registry <no-reply@miataregistry.com>',
-						to: primaryEmail.emailAddress,
-						subject: 'Miata Registry: Car update approved',
-						react: ApprovedCar({
-							car_id,
-						}),
-					});
+				if (!skipEmail) {
+					const primaryEmail = requestingUser.emailAddresses.find(
+						(email) =>
+							email.id === requestingUser.primaryEmailAddressId
+					);
+
+					if (primaryEmail) {
+						const resend = new Resend(c.env.RESEND_API_KEY);
+
+						await resend.emails.send({
+							from: 'Miata Registry <no-reply@miataregistry.com>',
+							to: primaryEmail.emailAddress,
+							subject: 'Miata Registry: Car update approved',
+							react: ApprovedCar({
+								car_id,
+							}),
+						});
+					}
 				}
 			}
 
@@ -352,6 +358,9 @@ moderationRouter.post(
 	withModerator(),
 	async (c) => {
 		const { id } = c.req.param();
+		const { skipEmail } = await c.req
+			.json<{ skipEmail?: boolean }>()
+			.catch(() => ({ skipEmail: false }));
 
 		try {
 			const db = createDb(c.env.DB);
@@ -441,21 +450,25 @@ moderationRouter.post(
 					.get('clerk')
 					.users.getUser(user_id);
 
-				const primaryEmail = requestingUser.emailAddresses.find(
-					(email) => email.id === requestingUser.primaryEmailAddressId
-				);
-
-				if (primaryEmail) {
-					const resend = new Resend(c.env.RESEND_API_KEY);
-
-					await resend.emails.send({
-						from: 'Miata Registry <no-reply@miataregistry.com>',
-						to: primaryEmail.emailAddress,
-						subject: 'Miata Registry: Ownership update approved',
-						react: ApprovedOwner({
-							car_id: pendingCarOwner.car_id,
-						}),
-					});
+				if (!skipEmail) {
+					const primaryEmail = requestingUser.emailAddresses.find(
+						(email) =>
+							email.id === requestingUser.primaryEmailAddressId
+					);
+
+					if (primaryEmail) {
+						const resend = new Resend(c.env.RESEND_API_KEY);
+
+						await resend.emails.send({
+							from: 'Miata Registry <no-reply@miataregistry.com>',
+							to: primaryEmail.emailAddress,
+							subject:
+								'Miata Registry: Ownership update approved',
+							react: ApprovedOwner({
+								car_id: pendingCarOwner.car_id,
+							}),
+						});
+					}
 				}
 			}