Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add email template for inviting user to workspace #480

Merged
merged 11 commits into from
Dec 7, 2024
Merged

feat: Add email template for inviting user to workspace #480

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
92ff06e
feat: add user invitation email template
Allan2000-Git Oct 6, 2024
45931c5
Merge branch 'develop' of https://github.com/Allan2000-Git/keyshade i…
Allan2000-Git Dec 3, 2024
a6d7e9b
Merge branch 'develop' into feat/user-invitation-email-template
Allan2000-Git Dec 3, 2024
043a6b7
Merge branch 'develop' into feat/user-invitation-email-template
rajdip-b Dec 3, 2024
5541754
feat: implemented workspace invitation email template & corresponding…
Allan2000-Git Dec 5, 2024
703939d
Merge branch 'develop' into feat/user-invitation-email-template
Allan2000-Git Dec 5, 2024
80238ee
fix: renamed projectName to workspaceName & projectUrl to actionUrl
Allan2000-Git Dec 6, 2024
6ac034d
Merge branch 'feat/user-invitation-email-template' of https://github.…
Allan2000-Git Dec 6, 2024
f609d29
feat: created a reusable base email template component
Allan2000-Git Dec 6, 2024
a2d79d7
fix: replaced term project with workspace
Allan2000-Git Dec 6, 2024
83c959d
Merge branch 'develop' into feat/user-invitation-email-template
rajdip-b Dec 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
130 changes: 130 additions & 0 deletions apps/api/src/mail/emails/workspace-invitation.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,130 @@
import * as React from 'react'
import {
Body,
Button,
Container,
Head,
Heading,
Html,
Link,
Preview,
Section,
Text
} from '@react-email/components'
import dayjs from 'dayjs'
import {
container,
content,
ctaButton,
footer,
footerText,
h1,
link,
main,
text,
workspaceDetails,
workspaceInfo
} from '../styles/common-styles'

interface WorkspaceInvitationEmailProps {
projectName: string
projectUrl: string
invitedBy: string
invitedOn: string
forRegisteredUser: boolean
}

export const WorkspaceInvitationEmail = ({
projectName,
projectUrl,
invitedBy,
invitedOn,
forRegisteredUser
}: WorkspaceInvitationEmailProps) => {
const formattedInvitedOnDate = dayjs(invitedOn).format(
'ddd, MMM D, YYYY h:mm A'
)

return (
<Html>
<Head />
<Preview>
{forRegisteredUser
? 'Welcome Back! Join Your Workspace'
: 'You are Invited to Join the Workspace'}
</Preview>
<Body style={main}>
<Container style={container}>
Allan2000-Git marked this conversation as resolved.
Show resolved Hide resolved
<Section style={content}>
<Heading style={h1}>
{forRegisteredUser
? 'Welcome Back! Join Your Workspace'
: 'You are Invited to Join the Workspace'}
</Heading>
<Text style={text}>Dear User,</Text>
<Text style={text}>
We're excited to inform you that you've been invited to join a
project on Keyshade. Here are the details of your invitation:
</Text>
<Section style={workspaceDetails}>
<Text style={workspaceInfo}>
<strong>Workspace Name:</strong> {projectName}
</Text>
<Text style={workspaceInfo}>
<strong>Invited By:</strong> {invitedBy}
</Text>
<Text style={workspaceInfo}>
<strong>Invited On:</strong> {invitedOn}
</Text>
<Text style={workspaceInfo}>
<strong>Invited On:</strong> {formattedInvitedOnDate}
</Text>
</Section>
<Text style={text}>
Join the project by clicking the button below - we're excited to
have you!
</Text>
<Button href={projectUrl} style={ctaButton}>
Get started
</Button>
<Text style={text}>
If you believe this action was taken in error or have any
questions regarding this change, please contact your project
administrator or our support team.
</Text>
<Text style={text}>
We appreciate your understanding and thank you for your
contributions to the project.
</Text>
<Text style={text}>
Cheers,
<br />
Team Keyshade
</Text>
</Section>
<Section style={footer}>
<Text style={footerText}>
This is an automated message. Please do not reply to this email.
</Text>
<Text style={footerText}>
Read our{' '}
<Link href="https://www.keyshade.xyz/privacy" style={link}>
Privacy Policy
</Link>{' '}
and{' '}
<Link
href="https://www.keyshade.xyz/terms_and_condition"
style={link}
>
Terms and Conditions
</Link>{' '}
for more information on how we manage your data and services.
</Text>
</Section>
</Container>
</Body>
</Html>
)
}

export default WorkspaceInvitationEmail
74 changes: 12 additions & 62 deletions apps/api/src/mail/emails/workspace-removal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,18 @@ import {
Text
} from '@react-email/components'
import dayjs from 'dayjs'
import {
container,
content,
footer,
footerText,
h1,
link,
main,
text,
workspaceDetails,
workspaceInfo
} from '../styles/common-styles'

interface WorkspaceRemovalEmailProps {
workspaceName: string
Expand Down Expand Up @@ -87,65 +99,3 @@ export const RemovedFromWorkspaceEmail = ({
}

export default RemovedFromWorkspaceEmail

const main = {
fontFamily: "'Segoe UI', 'Roboto', sans-serif",
lineHeight: '1.6',
color: '#04050a',
backgroundColor: '#fafafa',
margin: '0',
padding: '20px'
}

const container = {
maxWidth: '600px',
margin: '0 auto',
backgroundColor: '#fff',
borderRadius: '5px',
boxShadow: '0 2px 8px rgba(0, 0, 0, 0.05)'
}

const content = {
padding: '20px 40px'
}

const h1 = {
color: '#000',
marginBottom: '20px',
fontSize: '24px',
fontWeight: '600'
}

const text = {
marginBottom: '5px',
color: '#666'
}

const workspaceDetails = {
width: '100%',
backgroundColor: '#fafafa',
borderRadius: '5px',
margin: '20px 0px',
padding: '10px 20px'
}

const workspaceInfo = {
margin: '7px 0px'
}

const footer = {
borderTop: '1px solid #eaeaea',
padding: '20px'
}

const footerText = {
fontSize: '12px',
color: '#999',
textAlign: 'center' as const,
margin: '0'
}

const link = {
color: '#000',
textDecoration: 'underline'
}
16 changes: 4 additions & 12 deletions apps/api/src/mail/services/interface.service.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,12 @@ export interface IMailService {

sendEmailChangedOtp(email: string, otp: string): Promise<void>

workspaceInvitationMailForUsers(
invitedToWorkspace(
email: string,
workspace: string,
actionUrl: string,
projectName: string,
Allan2000-Git marked this conversation as resolved.
Show resolved Hide resolved
projectUrl: string,
invitedBy: string,
invitedOn: string,
forRegisteredUser: boolean
): Promise<void>

Expand All @@ -19,15 +20,6 @@ export interface IMailService {

feedbackEmail(email: string, feedback: string): Promise<void>

userInvitation(
email: string,
projectName: string,
projectUrl: string,
invitedBy: string,
invitedOn: string,
invitationRole: string
): Promise<void>

removedFromWorkspace(
email: string,
workspaceName: string,
Expand Down
Loading
Loading