diff --git a/web-app/app/ui/LocationCard.tsx b/web-app/app/ui/LocationCard.tsx index d7a34bb..37de317 100644 --- a/web-app/app/ui/LocationCard.tsx +++ b/web-app/app/ui/LocationCard.tsx @@ -1,6 +1,6 @@ 'use client'; -import { CheckCircleIcon, Cog8ToothIcon, PlusCircleIcon, ShareIcon, BanknotesIcon, EyeIcon, TicketIcon, ShoppingCartIcon, EnvelopeIcon, ExclamationTriangleIcon, ClockIcon } from "@heroicons/react/24/outline"; +import { CheckCircleIcon, Cog8ToothIcon, PlusCircleIcon, ShareIcon, BanknotesIcon, EyeIcon, TicketIcon, ShoppingCartIcon, EnvelopeIcon, ExclamationTriangleIcon, ClockIcon, XCircleIcon } from "@heroicons/react/24/outline"; import { FC } from "react"; import { BillBadge } from "./BillBadge"; import { BillingLocation, EmailStatus } from "../lib/db-types"; @@ -101,6 +101,7 @@ export const LocationCard: FC = ({ location, currency }) => { {tenantEmailStatus === EmailStatus.Unverified && } {tenantEmailStatus === EmailStatus.VerificationPending && } + {tenantEmailStatus === EmailStatus.VerificationFailed && } {tenantEmailStatus === EmailStatus.Unsubscribed && } = ({ location, currency }) => { }> {tenantEmailStatus === EmailStatus.Unverified && `${t("email-status.unverified")}`} {tenantEmailStatus === EmailStatus.VerificationPending && `${t("email-status.verification-pending")}`} + {tenantEmailStatus === EmailStatus.VerificationFailed && `${t("email-status.verification-failed")}`} {tenantEmailStatus === EmailStatus.Unsubscribed && `${t("email-status.unsubscribed")}`} diff --git a/web-app/app/ui/LocationEditForm.tsx b/web-app/app/ui/LocationEditForm.tsx index 1d74089..f17aca7 100644 --- a/web-app/app/ui/LocationEditForm.tsx +++ b/web-app/app/ui/LocationEditForm.tsx @@ -1,6 +1,6 @@ "use client"; -import { TrashIcon, ExclamationTriangleIcon, ClockIcon, EnvelopeIcon, CheckCircleIcon, PencilSquareIcon } from "@heroicons/react/24/outline"; +import { TrashIcon, ExclamationTriangleIcon, ClockIcon, EnvelopeIcon, CheckCircleIcon, PencilSquareIcon, XCircleIcon } from "@heroicons/react/24/outline"; import { FC, useState } from "react"; import { BillingLocation, UserSettings, YearMonth, EmailStatus } from "../lib/db-types"; import { updateOrAddLocation } from "../lib/actions/locationActions"; @@ -388,6 +388,12 @@ export const LocationEditForm: FC = ({ location, yearMont {t("email-status.verification-pending")} )} + {location?.tenantEmailStatus === EmailStatus.VerificationFailed && ( + <> + + {t("email-status.verification-failed")} + + )} {location?.tenantEmailStatus === EmailStatus.Verified && ( <>