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-19 19:21:39 +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-leave.tsx
+++ b/packages/email/templates/team-leave.tsx
@ -0,0 +1,84 @@
+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 TeamLeaveEmailProps = {
+  assetBaseUrl: string;
+  baseUrl: string;
+  memberName: string;
+  memberEmail: string;
+  teamName: string;
+  teamUrl: string;
+};
+
+export const TeamLeaveEmailTemplate = ({
+  assetBaseUrl = 'http://localhost:3002',
+  baseUrl = 'https://documenso.com',
+  memberName = 'John Doe',
+  memberEmail = 'johndoe@documenso.com',
+  teamName = 'Team Name',
+  teamUrl = 'demo',
+}: TeamLeaveEmailProps) => {
+  const previewText = 'A team member has left a team on Documenso';
+
+  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-user.png"
+                />
+              </Section>
+
+              <Section className="p-2 text-slate-500">
+                <Text className="text-center text-lg font-medium text-black">
+                  {memberName || memberEmail} left the team {teamName} on Documenso
+                </Text>
+
+                <Text className="my-1 text-center text-base">
+                  {memberEmail} left the following team
+                </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 TeamLeaveEmailTemplate;