Files
dataroom/components/emails/dataroom-notification.tsx
zeekay 89004ff9a7 rebrand: Papermark → Hanzo Dataroom across user-facing surfaces
108 files: README, marketing copy, page titles, meta tags, footer
text, email templates, .env.example, UI strings. URLs swapped
from papermark.com/papermark.io to dataroom.hanzo.ai.

Internal identifiers left intact per repo policy: localStorage
keys (papermark.email/papermark.name/last_papermark_login —
changing them logs users out), type field names
(papermarkUserId), internal helper symbols (PAPERMARK_HEADERS,
PapermarkSparkle component, isPapermarkUrl helper),
internal-only filenames. LLM.md retains 'Upstream: Papermark'
attribution line. Per-locale .po translations regenerate from
source on the next lingui-extract CI run.

DB migrations untouched (append-only history; rewriting them
breaks installed schemas). LICENSE stays AGPL-3.0.
2026-06-07 12:23:40 -07:00

91 lines
3.0 KiB
TypeScript

import React from "react";
import {
Body,
Button,
Container,
Head,
Hr,
Html,
Preview,
Section,
Tailwind,
Text,
} from "@react-email/components";
export default function DataroomNotification({
dataroomName = "Example Data Room",
documentName = "Example Document",
senderEmail = "[email protected]",
url = "https://dataroom.hanzo.ai/datarooms/123",
unsubscribeUrl = "https://dataroom.hanzo.ai/datarooms/123/unsubscribe",
}: {
dataroomName: string;
documentName: string | undefined;
senderEmail: string;
url: string;
unsubscribeUrl: string;
}) {
return (
<Html>
<Head />
<Preview>Dataroom update available</Preview>
<Tailwind>
<Body className="mx-auto my-auto bg-white font-sans">
<Container className="mx-auto my-10 w-[465px] p-5">
<Text className="mb-8 mt-4 text-center text-2xl font-normal">
<span className="font-bold tracking-tighter">Hanzo Dataroom</span>
</Text>
<Text className="font-seminbold mb-8 mt-4 text-center text-xl">
{`New document available for ${dataroomName}`}
</Text>
<Text className="text-sm leading-6 text-black">
A new document{" "}
<span className="font-semibold">{documentName}</span> has been
added to <span className="font-semibold">{dataroomName}</span>{" "}
dataroom on Hanzo Dataroom.
</Text>
<Section className="my-8 text-center">
<Button
className="rounded bg-black text-center text-xs font-semibold text-white no-underline"
href={`${url}`}
style={{ padding: "12px 20px" }}
>
View the dataroom
</Button>
</Section>
<Text className="text-sm text-black">
or copy and paste this URL into your browser: <br />
{`${url}`}
</Text>
<Text className="text-sm text-gray-400">Hanzo Dataroom</Text>
<Hr />
<Section className="text-gray-400">
<Text className="text-xs">
© {new Date().getFullYear()} Hanzo AI, Inc. All rights
reserved.
</Text>
<Text className="text-xs">
You received this email from{" "}
<span className="font-semibold">{senderEmail}</span> because you
viewed the dataroom{" "}
<span className="font-semibold">{dataroomName}</span> on
Hanzo Dataroom. If you have any feedback or questions about this
email, simply reply to it.{" "}
<a
href={unsubscribeUrl}
className="text-gray-400 underline underline-offset-2"
>
Manage your notification preferences
</a>
.
</Text>
</Section>
</Container>
</Body>
</Tailwind>
</Html>
);
}