hanzo-apps/dataroom
2
0
Fork 0
mirror of https://github.com/hanzo-apps/dataroom.git synced 2026-10-30 14:47:36 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
dataroom/components/emails/year-in-review.tsx
T
zeekayandHanzo Dev ec5a4686cf Take upstream's name off the last identifiers that carried it 
What was left was all internal naming, none of it rendered — the strings a
user actually sees had already been changed. Cleared so a grep for the
upstream brand returns only the attribution that is supposed to be there.

  - components/shared/icons/papermark-sparkle.tsx deleted. It was imported
    into components/view/nav.tsx and never rendered, so this is dead code,
    not a rename.
  - components/emails/year-in-review-papermark.tsx -> year-in-review.tsx,
    and PapermarkYearInReviewEmailProps -> YearInReviewEmailProps. The email
    body was already Hanzo Dataroom throughout; only the file and the
    interface still said otherwise.
  - PAPERMARK_HEADERS -> APP_HEADERS. Its value already read from
    NEXT_PUBLIC_APP_NAME.
  - papermarkUserId -> authenticatedUserId on TusAuthenticatedRequest.
  - isPapermarkUrl -> isDataroomUrl, and its condition no longer tests
    dataroom.hanzo.ai/view/ twice — a rewrite had collapsed two upstream
    domains into one and left the || behind.
  - the shadow database in prisma/add-migration.sh, and two comments.

LICENSE and LLM.md keep every mention: AGPL-3.0 with upstream's copyright
line, and the note recording what this is forked from. Per HIP-0137 those do
not get edited, and the point of this commit is that the brand should appear
where the licence requires it and nowhere else.

Co-authored-by: Hanzo Dev <[email protected]>
2026-08-04 18:58:57 -07:00

295 lines
12 KiB
TypeScript
Raw Permalink Blame History

import React from "react";
import {
Body,
Column,
Container,
Head,
Heading,
Hr,
Html,
Link,
Preview,
Row,
Section,
Tailwind,
Text,
} from "@react-email/components";
import { UploadIcon } from "lucide-react";
interface YearInReviewEmailProps {
year: number;
minutesSpentOnDocs: number;
uploadedDocuments: number;
sharedLinks: number;
receivedViews: number;
topDocumentName: string;
topDocumentViews: number;
mostActiveMonth: string;
mostActiveMonthViews: number;
sharerPercentile: number;
viewingLocations: string[];
unsubscribeUrl: string;
}
export default function DataroomYearInReviewEmail({
year = 2024,
minutesSpentOnDocs = 1234,
uploadedDocuments = 25,
sharedLinks = 50,
receivedViews = 500,
topDocumentName = "Q4 Financial Report",
topDocumentViews = 150,
mostActiveMonth = "September",
mostActiveMonthViews = 200,
sharerPercentile = 95,
viewingLocations = ["United States", "United Kingdom", "Germany", "Japan"],
unsubscribeUrl,
}: YearInReviewEmailProps) {
return (
<Html>
<Head />
<Preview>See your stats from 2024</Preview>
<Tailwind>
<Body className="bg-white font-sans">
<Container className="mx-auto w-full max-w-[600px] p-0">
<Section className="p-8 text-center">
<Text className="mx-0 mb-8 mt-4 p-0 text-center text-2xl font-normal">
<span className="font-bold tracking-tighter">Hanzo Dataroom</span>
</Text>
<Text className="text-sm font-normal uppercase tracking-wider">
{year} in review
</Text>
<Heading className="my-4 text-4xl font-medium leading-tight">
Your Year with Hanzo Dataroom
</Heading>
<Text className="mb-8 text-lg leading-8">
What a year it&apos;s been! Let&apos;s take a look at how
you&apos;ve used Hanzo Dataroom to share your important documents.
</Text>
<Link
href={`https://x.com/intent/post?text=In%202024%2C%20my%20documents%20have%20been%20viewed%20${minutesSpentOnDocs}%20minutes%20on%20%40hanzoai%2C%20by%3A%0A%0A%E2%80%A2%20Uploading%20${uploadedDocuments}%20documents%0A%E2%80%A2%20Sharing%20${sharedLinks}%20links%0A%E2%80%A2%20Receiving%20${receivedViews}%20views%0A%0A&url=https%3A%2F%2Fdataroom.hanzo.ai%2Fyear-in-review`}
className="inline-flex items-center rounded-full bg-gray-900 px-12 py-4 text-center text-sm font-bold text-white no-underline"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className="lucide lucide-upload mr-2 h-4 w-4"
>
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="17 8 12 3 7 8" />
<line x1="12" x2="12" y1="3" y2="15" />
</svg>
Share your stats
</Link>
</Section>
<Section className="my-6 rounded-2xl bg-[#fb7a00]/10 bg-[radial-gradient(circle_at_bottom_right,#fb7a00_0%,transparent_60%)] p-8 text-center">
<Heading className="m-0 text-3xl font-medium text-[#a63b00]">
Viewers spent
</Heading>
<Text className="my-4 text-7xl font-bold leading-none text-gray-900">
{minutesSpentOnDocs}
</Text>
<Text className="mb-4 text-3xl font-medium text-gray-900">
minutes on your documents
</Text>
<Text className="text-sm leading-5 text-gray-900">
That&apos;s a lot of engagement! Your documents are resonating
with your visitors.
</Text>
<Hr className="mt-6" style={{ borderColor: "#fb7a00" }} />
<Heading className="pt-5 text-xs font-medium uppercase tracking-wider text-gray-900">
Your activity
</Heading>
<Row className="mt-5">
<Column className="w-1/3 text-center">
<Text className="text-sm font-medium text-[#a63b00]">
You uploaded
</Text>
<Text className="my-1 text-4xl font-bold text-gray-900">
{uploadedDocuments}
</Text>
<Text className="text-2xl text-gray-900">documents</Text>
</Column>
<Column className="w-1/3 text-center">
<Text className="text-sm font-medium text-[#a63b00]">
You shared
</Text>
<Text className="my-1 text-4xl font-bold text-gray-900">
{sharedLinks}
</Text>
<Text className="text-2xl text-gray-900">links</Text>
</Column>
<Column className="w-1/3 text-center">
<Text className="text-sm font-medium text-[#a63b00]">
You received
</Text>
<Text className="my-1 text-4xl font-bold text-gray-900">
{receivedViews}
</Text>
<Text className="text-2xl text-gray-900">views</Text>
</Column>
</Row>
</Section>
<Section className="my-6 rounded-2xl bg-[#4b5563]/10 bg-[radial-gradient(circle_at_bottom_right,#4b5563_0%,transparent_60%)] p-8 text-center">
<Heading className="m-0 text-3xl font-medium text-gray-800">
Your top document
</Heading>
<Text className="my-4 text-2xl font-bold leading-none text-gray-900">
&quot;{topDocumentName}&quot;
</Text>
<Text className="mb-4 text-5xl font-medium text-gray-900">
{topDocumentViews} views
</Text>
<Text className="text-sm leading-5 text-gray-900">
This document really caught your visitor&apos;s attention!
</Text>
</Section>
<Section className="my-6 rounded-2xl bg-[#e4c5a0]/10 bg-[radial-gradient(circle_at_bottom_right,#e4c5a0_0%,transparent_60%)] p-8 text-center">
<Heading className="m-0 text-3xl font-medium text-[#9c7b4a]">
Your most active month
</Heading>
<Text className="my-4 text-5xl font-bold leading-none text-gray-900">
{mostActiveMonth}
</Text>
<Text className="mb-4 text-3xl font-medium text-gray-900">
with {mostActiveMonthViews} views
</Text>
<Text className="text-sm leading-5 text-gray-900">
{mostActiveMonth} was your busiest month. What did you share
that got so much attention?
</Text>
<Hr className="mt-6" style={{ borderColor: "#e4c5a0" }} />
{sharerPercentile <= 10 ? (
<>
<Heading className="pt-5 text-xs font-medium uppercase tracking-wider text-gray-900">
You&apos;re in the top
</Heading>
<Text className="my-4 text-7xl font-bold leading-none text-gray-900">
{sharerPercentile}%
</Text>
<Text className="mb-4 text-xl font-medium text-gray-900">
of sharers on Hanzo Dataroom
</Text>
<Text className="text-sm leading-5 text-gray-900">
You&apos;re one of our most active users. Thank you for
sharing with Hanzo Dataroom!
</Text>
</>
) : (
<>
<Heading className="pt-5 text-xs font-medium uppercase tracking-wider text-gray-900">
So close to the top 10%
</Heading>
<Text className="my-4 text-2xl font-medium text-gray-900">
Keep up sharing in 2025!
</Text>
</>
)}
</Section>
<Section className="my-6 rounded-2xl bg-[#10b981]/10 bg-[radial-gradient(circle_at_bottom_right,#10b981_0%,transparent_60%)] p-8 text-center">
<Heading className="m-0 text-3xl font-medium text-[#065f46]">
Your documents were viewed from
</Heading>
<Row className="mt-4">
<Column>
{viewingLocations.map((location, index) => (
<Text
key={index}
className="rounded-full bg-[#10b981] px-3 py-1 text-sm font-medium text-white"
style={{
margin: "4px 4px",
display: "inline-block",
}}
>
{location}
</Text>
))}
</Column>
</Row>
<Text className="mt-4 text-sm leading-5 text-[#065f46]">
Your documents get attention from all over the world!
</Text>
</Section>
<Section className="pb-6 text-center">
<Text className="text-xl leading-8 text-gray-900">
We&apos;re excited to support you next year! <br />
Happy Holidays from the Hanzo Dataroom team :)
</Text>
<Link
href={`https://x.com/intent/post?text=In%202024%2C%20my%20documents%20have%20been%20viewed%20${minutesSpentOnDocs}%20minutes%20on%20%40hanzoai%2C%20by%3A%0A%0A%E2%80%A2%20Uploading%20${uploadedDocuments}%20documents%0A%E2%80%A2%20Sharing%20${sharedLinks}%20links%0A%E2%80%A2%20Receiving%20${receivedViews}%20views%0A%0A&url=https%3A%2F%2Fdataroom.hanzo.ai%2Fyear-in-review`}
className="mt-4 inline-flex items-center rounded-full bg-gray-900 px-12 py-4 text-center text-sm font-bold text-white no-underline"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className="lucide lucide-upload mr-2 h-4 w-4"
>
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="17 8 12 3 7 8" />
<line x1="12" x2="12" y1="3" y2="15" />
</svg>
Share your stats
</Link>
<Link
href="https://dataroom.hanzo.ai/documents"
className="mt-4 block items-center text-center text-sm font-bold text-gray-900 no-underline"
>
Go to your dashboard
</Link>
</Section>
<Hr />
<Section className="mt-8 text-gray-400">
<Text className="text-xs">
© {new Date().getFullYear()}{" "}
<a
href="https://dataroom.hanzo.ai"
className="text-gray-400 no-underline"
target="_blank"
>
dataroom.hanzo.ai
</a>
</Text>
<Text className="text-xs">
You received this Year in Review email because you have an
account with Hanzo Dataroom during 2024. If you have any feedback or
questions about this email, simply reply to it. To unsubscribe
from future Year in Review emails,{" "}
<a
href={unsubscribeUrl}
className="text-gray-400 underline underline-offset-2"
>
click here
</a>
.
</Text>
</Section>
</Container>
</Body>
</Tailwind>
</Html>
);
}
Reference in New Issue View Git Blame Copy Permalink