fix: a bunch of fixes

2025-12-09 12:27:43 +00:00 · 2024-09-16 22:06:27 +03:00
parent c945d1ba95
commit 044ba402cc
29 changed files with 1159 additions and 281 deletions
--- a/demo/nextjs/lib/email/rest-password.tsx
+++ b/demo/nextjs/lib/email/rest-password.tsx
@@ -0,0 +1,71 @@
+import {
+    Body,
+    Button,
+    Container,
+    Head,
+    Heading,
+    Hr,
+    Html,
+    Link,
+    Preview,
+    Text,
+    Tailwind,
+    Section,
+} from "@react-email/components";
+import * as React from "react";
+
+interface BetterAuthResetPasswordEmailProps {
+    username?: string;
+    resetLink?: string;
+}
+
+export const ResetPasswordEmail = ({
+    username,
+    resetLink,
+}: BetterAuthResetPasswordEmailProps) => {
+    const previewText = `Reset your BetterAuth password`;
+    return (
+        <Html>
+            <Head />
+            <Preview>{previewText}</Preview>
+            <Tailwind>
+                <Body className="bg-white my-auto mx-auto font-sans px-2">
+                    <Container className="border border-solid border-[#eaeaea] rounded my-[40px] mx-auto p-[20px] max-w-[465px]">
+                        <Heading className="text-black text-[24px] font-normal text-center p-0 my-[30px] mx-0">
+                            Reset your <strong>Better Auth</strong> password
+                        </Heading>
+                        <Text className="text-black text-[14px] leading-[24px]">
+                            Hello {username},
+                        </Text>
+                        <Text className="text-black text-[14px] leading-[24px]">
+                            We received a request to reset your password for your Better Auth account. If you didn't make this request, you can safely ignore this email.
+                        </Text>
+                        <Section className="text-center mt-[32px] mb-[32px]">
+                            <Button
+                                className="bg-[#000000] rounded text-white text-[12px] font-semibold no-underline text-center px-5 py-3"
+                                href={resetLink}
+                            >
+                                Reset Password
+                            </Button>
+                        </Section>
+                        <Text className="text-black text-[14px] leading-[24px]">
+                            Or copy and paste this URL into your browser:{" "}
+                            <Link href={resetLink} className="text-blue-600 no-underline">
+                                {resetLink}
+                            </Link>
+                        </Text>
+                        <Hr className="border border-solid border-[#eaeaea] my-[26px] mx-0 w-full" />
+                        <Text className="text-[#666666] text-[12px] leading-[24px]">
+                            If you didn't request a password reset, please ignore this email or contact support if you have concerns.
+                        </Text>
+                    </Container>
+                </Body>
+            </Tailwind>
+        </Html>
+    );
+};
+
+export function reactResetPasswordEmail(props: BetterAuthResetPasswordEmailProps) {
+    console.log(props);
+    return <ResetPasswordEmail {...props} />;
+}