standard email signature

This commit is contained in:
Milo Schwartz 2025-01-05 00:06:24 -05:00
parent b96be3b649
commit 9f2d449527
No known key found for this signature in database
8 changed files with 31 additions and 28 deletions

View file

@ -13,6 +13,7 @@ import {
EmailGreeting,
EmailHeading,
EmailLetterHead,
EmailSignature,
EmailText
} from "./components/Email";
@ -47,9 +48,7 @@ export const ConfirmPasswordReset = ({ email }: Props) => {
</EmailText>
<EmailFooter>
Best regards,
<br />
Fossorial
<EmailSignature />
</EmailFooter>
</EmailContainer>
</Body>

View file

@ -14,6 +14,7 @@ import {
EmailHeading,
EmailLetterHead,
EmailSection,
EmailSignature,
EmailText
} from "./components/Email";
import CopyCodeBox from "./components/CopyCodeBox";
@ -59,9 +60,7 @@ export const ResetPasswordCode = ({ email, code, link }: Props) => {
</EmailText>
<EmailFooter>
Best regards,
<br />
Fossorial
<EmailSignature />
</EmailFooter>
</EmailContainer>
</Body>

View file

@ -13,7 +13,8 @@ import {
EmailText,
EmailFooter,
EmailSection,
EmailGreeting
EmailGreeting,
EmailSignature
} from "./components/Email";
import { themeColors } from "./lib/theme";
import CopyCodeBox from "./components/CopyCodeBox";
@ -60,9 +61,7 @@ export const ResourceOTPCode = ({
</EmailSection>
<EmailFooter>
Best regards,
<br />
Fossorial
<EmailSignature />
</EmailFooter>
</EmailContainer>
</Body>

View file

@ -14,6 +14,7 @@ import {
EmailHeading,
EmailLetterHead,
EmailSection,
EmailSignature,
EmailText
} from "./components/Email";
import ButtonLink from "./components/ButtonLink";
@ -70,9 +71,7 @@ export const SendInviteLink = ({
</EmailSection>
<EmailFooter>
Best regards,
<br />
Fossorial
<EmailSignature />
</EmailFooter>
</EmailContainer>
</Body>

View file

@ -13,6 +13,7 @@ import {
EmailGreeting,
EmailHeading,
EmailLetterHead,
EmailSignature,
EmailText
} from "./components/Email";
@ -61,9 +62,7 @@ export const TwoFactorAuthNotification = ({ email, enabled }: Props) => {
)}
<EmailFooter>
Best regards,
<br />
Fossorial
<EmailSignature />
</EmailFooter>
</EmailContainer>
</Body>

View file

@ -1,10 +1,4 @@
import {
Body,
Head,
Html,
Preview,
Tailwind
} from "@react-email/components";
import { Body, Head, Html, Preview, Tailwind } from "@react-email/components";
import * as React from "react";
import { themeColors } from "./lib/theme";
import {
@ -14,6 +8,7 @@ import {
EmailHeading,
EmailLetterHead,
EmailSection,
EmailSignature,
EmailText
} from "./components/Email";
import CopyCodeBox from "./components/CopyCodeBox";
@ -60,9 +55,7 @@ export const VerifyEmail = ({
</EmailText>
<EmailFooter>
Best regards,
<br />
Fossorial
<EmailSignature />
</EmailFooter>
</EmailContainer>
</Body>

View file

@ -56,7 +56,7 @@ export function EmailHeading({ children }: { children: React.ReactNode }) {
}
export function EmailGreeting({ children }: { children: React.ReactNode }) {
return <p className="text-lg text-gray-700 my-4">{children}</p>;
return <p className="text-base text-gray-700 my-4">{children}</p>;
}
// EmailText: For general text content
@ -82,10 +82,20 @@ export function EmailSection({
children: React.ReactNode;
className?: string;
}) {
return <div className={`text-center my-4 ${className}`}>{children}</div>;
return <div className={`text-center my-6 ${className}`}>{children}</div>;
}
// EmailFooter: For closing or signature
export function EmailFooter({ children }: { children: React.ReactNode }) {
return <div className="text-sm text-gray-500 mt-6">{children}</div>;
}
export function EmailSignature() {
return (
<p>
Best regards,
<br />
Fossorial
</p>
);
}

View file

@ -76,6 +76,11 @@ export default function GeneralPage() {
updateSite({ name: data.name });
toast({
title: "Site updated",
description: "The site has been updated."
});
setLoading(false);
router.refresh();