standard email signature

server/emails/templates/NotifyResetPassword.tsx

@@ -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,
+                            <EmailSignature />
-                            <br />
-                            Fossorial
                         </EmailFooter>
                     </EmailContainer>
                 </Body>

server/emails/templates/ResetPasswordCode.tsx

@@ -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,
+                            <EmailSignature />
-                            <br />
-                            Fossorial
                         </EmailFooter>
                     </EmailContainer>
                 </Body>

server/emails/templates/ResourceOTPCode.tsx

@@ -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,
+                            <EmailSignature />
-                            <br />
-                            Fossorial
                         </EmailFooter>
                     </EmailContainer>
                 </Body>

server/emails/templates/SendInviteLink.tsx

@@ -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,
+                            <EmailSignature />
-                            <br />
-                            Fossorial
                         </EmailFooter>
                     </EmailContainer>
                 </Body>

server/emails/templates/TwoFactorAuthNotification.tsx

@@ -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,
+                            <EmailSignature />
-                            <br />
-                            Fossorial
                         </EmailFooter>
                     </EmailContainer>
                 </Body>

server/emails/templates/VerifyEmailCode.tsx

@@ -1,10 +1,4 @@
-import {
+import { Body, Head, Html, Preview, Tailwind } from "@react-email/components";
-    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,
+                            <EmailSignature />
-                            <br />
-                            Fossorial
                         </EmailFooter>
                     </EmailContainer>
                 </Body>

server/emails/templates/components/Email.tsx

@@ -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>
+    );
+}

src/app/[orgId]/settings/sites/[niceId]/general/page.tsx

@@ -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();