feature(auth): replace clerk.com with custom auth (#103)

* feature(auth): replace clerk.com with custom auth * minor fixes * remove notification preferences * decrease live events interval fix(api): cookies.. # Conflicts: # .gitignore # apps/api/src/index.ts # apps/dashboard/src/app/providers.tsx # packages/trpc/src/trpc.ts
2024-12-18 21:30:39 +01:00
parent f28802b1c2
commit d31d9924a5
151 changed files with 18484 additions and 12853 deletions
--- a/packages/email/src/components/layout.tsx
+++ b/packages/email/src/components/layout.tsx
@@ -0,0 +1,66 @@
+import {
+  Body,
+  Container,
+  Font,
+  Html,
+  Img,
+  Section,
+  Tailwind,
+} from '@react-email/components';
+// biome-ignore lint/style/useImportType: resend needs React
+import React from 'react';
+import { Footer } from './footer';
+
+type Props = {
+  children: React.ReactNode;
+};
+
+export function Layout({ children }: Props) {
+  return (
+    <Html>
+      <Tailwind>
+        <head>
+          <Font
+            fontFamily="Geist"
+            fallbackFontFamily="Helvetica"
+            webFont={{
+              url: 'https://cdn.jsdelivr.net/npm/@fontsource/geist-sans@5.0.1/files/geist-sans-latin-400-normal.woff2',
+              format: 'woff2',
+            }}
+            fontWeight={400}
+            fontStyle="normal"
+          />
+
+          <Font
+            fontFamily="Geist"
+            fallbackFontFamily="Helvetica"
+            webFont={{
+              url: 'https://cdn.jsdelivr.net/npm/@fontsource/geist-sans@5.0.1/files/geist-sans-latin-500-normal.woff2',
+              format: 'woff2',
+            }}
+            fontWeight={500}
+            fontStyle="normal"
+          />
+        </head>
+        <Body className="bg-[#fff] my-auto mx-auto font-sans">
+          <Container
+            className="border-transparent md:border-[#E8E7E1] my-[40px] mx-auto max-w-[600px]"
+            style={{ borderStyle: 'solid', borderWidth: 1 }}
+          >
+            <Section className="p-6">
+              <Img
+                src={'https://openpanel.dev/logo.png'}
+                width="80"
+                height="80"
+                alt="OpenPanel Logo"
+                style={{ borderRadius: 4 }}
+              />
+            </Section>
+            <Section className="p-6">{children}</Section>
+            <Footer />
+          </Container>
+        </Body>
+      </Tailwind>
+    </Html>
+  );
+}