mirror of
https://github.com/fosrl/pangolin.git
synced 2025-07-28 06:34:50 +02:00
standard email signature
This commit is contained in:
parent
b96be3b649
commit
9f2d449527
8 changed files with 31 additions and 28 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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();
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue