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/footer.tsx
+++ b/packages/email/src/components/footer.tsx
@@ -0,0 +1,88 @@
+import {
+  Column,
+  Hr,
+  Img,
+  Link,
+  Row,
+  Section,
+  Text,
+} from '@react-email/components';
+import React from 'react';
+
+const baseUrl = 'https://openpanel.dev';
+
+export function Footer() {
+  return (
+    <>
+      <Hr />
+      <Section className="w-full p-6">
+        <Text className="text-[21px] font-regular" style={{ margin: 0 }}>
+          An open-source alternative to Mixpanel
+        </Text>
+
+        <br />
+
+        <Row>
+          <Column className="align-middle w-[40px]">
+            <Link href="https://git.new/openpanel">
+              <Img
+                src={`${baseUrl}/icons/github.png`}
+                width="22"
+                height="22"
+                alt="OpenPanel on Github"
+              />
+            </Link>
+          </Column>
+          <Column className="align-middle w-[40px]">
+            <Link href="https://x.com/openpaneldev">
+              <Img
+                src={`${baseUrl}/icons/x.png`}
+                width="22"
+                height="22"
+                alt="OpenPanel on X"
+              />
+            </Link>
+          </Column>
+
+          <Column className="align-middle">
+            <Link href="https://go.openpanel.dev/discord">
+              <Img
+                src={`${baseUrl}/icons/discord.png`}
+                width="22"
+                height="22"
+                alt="OpenPanel on Discord"
+              />
+            </Link>
+          </Column>
+
+          <Column className="align-middle">
+            <Link href="mailto:hello@openpanel.dev">
+              <Img
+                src={`${baseUrl}/icons/email.png`}
+                width="22"
+                height="22"
+                alt="Contact OpenPanel with email"
+              />
+            </Link>
+          </Column>
+        </Row>
+
+        <Row>
+          <Text className="text-[#B8B8B8] text-xs">
+            OpenPanel AB - Sankt Eriksgatan 100, 113 31, Stockholm, Sweden.
+          </Text>
+        </Row>
+
+        {/* <Row>
+          <Link
+            className="text-[#707070] text-[14px]"
+            href="https://dashboard.openpanel.dev/settings/notifications"
+            title="Unsubscribe"
+          >
+            Notification preferences
+          </Link>
+        </Row> */}
+      </Section>
+    </>
+  );
+}
--- 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>
+  );
+}