chore: team stuff (#1228)

- Added functionality to decline team invitations - Added email notifications for when team is deleted - Added email notifications for team members joining and leaving
2025-11-16 09:41:35 +10:00 · 2024-07-25 04:27:19 +00:00
parent b366ab8736
commit a8febae87e
44 changed files with 1014 additions and 226 deletions
--- a/packages/email/templates/team-delete.tsx
+++ b/packages/email/templates/team-delete.tsx
@ -0,0 +1,86 @@
+import { formatTeamUrl } from '@documenso/lib/utils/teams';
+import config from '@documenso/tailwind-config';
+
+import { Body, Container, Head, Hr, Html, Preview, Section, Tailwind, Text } from '../components';
+import { TemplateFooter } from '../template-components/template-footer';
+import TemplateImage from '../template-components/template-image';
+
+export type TeamDeleteEmailProps = {
+  assetBaseUrl: string;
+  baseUrl: string;
+  teamUrl: string;
+  isOwner: boolean;
+};
+
+export const TeamDeleteEmailTemplate = ({
+  assetBaseUrl = 'http://localhost:3002',
+  baseUrl = 'https://documenso.com',
+  teamUrl = 'demo',
+  isOwner = false,
+}: TeamDeleteEmailProps) => {
+  const previewText = isOwner
+    ? 'Your team has been deleted'
+    : 'A team you were a part of has been deleted';
+
+  const title = isOwner
+    ? 'Your team has been deleted'
+    : 'A team you were a part of has been deleted';
+
+  const description = isOwner
+    ? 'The following team has been deleted by you'
+    : 'The following team has been deleted by its owner. You will no longer be able to access this team and its documents';
+
+  return (
+    <Html>
+      <Head />
+      <Preview>{previewText}</Preview>
+      <Tailwind
+        config={{
+          theme: {
+            extend: {
+              colors: config.theme.extend.colors,
+            },
+          },
+        }}
+      >
+        <Body className="mx-auto my-auto font-sans">
+          <Section className="bg-white text-slate-500">
+            <Container className="mx-auto mb-2 mt-8 max-w-xl rounded-lg border border-solid border-slate-200 p-2 backdrop-blur-sm">
+              <TemplateImage
+                assetBaseUrl={assetBaseUrl}
+                className="mb-4 h-6 p-2"
+                staticAsset="logo.png"
+              />
+
+              <Section>
+                <TemplateImage
+                  className="mx-auto"
+                  assetBaseUrl={assetBaseUrl}
+                  staticAsset="delete-team.png"
+                />
+              </Section>
+
+              <Section className="p-2 text-slate-500">
+                <Text className="text-center text-lg font-medium text-black">{title}</Text>
+
+                <Text className="my-1 text-center text-base">{description}</Text>
+
+                <div className="mx-auto my-2 w-fit rounded-lg bg-gray-50 px-4 py-2 text-base font-medium text-slate-600">
+                  {formatTeamUrl(teamUrl, baseUrl)}
+                </div>
+              </Section>
+            </Container>
+
+            <Hr className="mx-auto mt-12 max-w-xl" />
+
+            <Container className="mx-auto max-w-xl">
+              <TemplateFooter isDocument={false} />
+            </Container>
+          </Section>
+        </Body>
+      </Tailwind>
+    </Html>
+  );
+};
+
+export default TeamDeleteEmailTemplate;