harivansh-afk/Saas-Teamspace
1
0
Fork 0
mirror of https://github.com/harivansh-afk/Saas-Teamspace.git synced 2026-04-17 05:00:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

changed a lot

Browse source
This commit is contained in:
Harivansh Rathi 2024-11-25 01:24:37 -05:00
parent ef9ccf22d3
commit 28901128ff
20 changed files with 1794 additions and 526 deletions
Download patch file Download diff file Expand all files Collapse all files

44
emails/verify-email.tsx
View file

@ -10,20 +10,20 @@ import {
Text
} from '@react-email/components'
import * as React from 'react'
interface LinkEmailProps {
token?: string
}
export const LinkEmail = ({ token }: LinkEmailProps) => (
<Html>
<Head />
<Preview>Log in with this link</Preview>
<Preview>Verify your email</Preview>
<Body style={main}>
<Container style={container}>
<Heading style={h1}>Login</Heading>
<Heading style={h1}>Email Verification</Heading>
<Link
href={`${process.env.APP_URL}/verify-email?token=${token}`}
href={`${process.env.APP_URL}/new-verification?token=${token}`}
target="_blank"
style={{
...link,
@ -41,9 +41,9 @@ import {
marginBottom: '16px'
}}
>
If you didn&apos;t try to login, you can safely ignore this email.
If you didn't request this verification, you can safely ignore this email.
</Text>
<Text
style={{
...text,
@ -53,7 +53,7 @@ import {
>
your logo here
</Text>
<Text style={footer}>
<Link
href="https://nizzyabi.com"
@ -70,23 +70,19 @@ import {
</Body>
</Html>
)
LinkEmail.PreviewProps = {
loginCode: 'sparo-ndigo-amurt-secan'
} as LinkEmailProps
export default LinkEmail
const main = {
backgroundColor: '#ffffff'
}
const container = {
paddingLeft: '12px',
paddingRight: '12px',
margin: '0 auto'
}
const h1 = {
color: '#333',
fontFamily:
@ -96,7 +92,7 @@ import {
margin: '40px 0',
padding: '0'
}
const link = {
color: '#2754C5',
fontFamily:
@ -104,7 +100,7 @@ import {
fontSize: '14px',
textDecoration: 'underline'
}
const text = {
color: '#333',
fontFamily:
@ -112,7 +108,7 @@ import {
fontSize: '14px',
margin: '24px 0'
}
const footer = {
color: '#898989',
fontFamily:
@ -122,13 +118,3 @@ import {
marginTop: '12px',
marginBottom: '24px'
}
const code = {
display: 'inline-block',
padding: '16px 4.5%',
width: '90.5%',
backgroundColor: '#f4f4f4',
borderRadius: '5px',
border: '1px solid #eee',
color: '#333'
}