Resend Migration

.gitignore

@@ -37,7 +37,6 @@ yarn-error.log*
 next-env.d.ts
 
 /pages/api/scripts*
-.mailing
 .react-email
 .contentlayer
 .vscode

app/sitemap.ts

@@ -1,11 +1,12 @@
 import prisma from "#/lib/prisma";
 import { headers } from "next/headers";
-import { getDomain } from "#/lib/utils";
 import { allChangelogPosts, allLegalPosts } from "contentlayer/generated";
+import { isHomeHostname } from "#/lib/utils";
 
 export default async function Sitemap() {
   const headersList = headers();
-  const domain = getDomain(headersList);
+  let domain = headersList.get("host") as string;
+  if (isHomeHostname(domain)) domain = "dub.sh";
 
   const links = await prisma.link.findMany({
     where: {

app/ui/stats/feedback/action.ts

@@ -0,0 +1,13 @@
+"use server";
+
+import { log } from "#/lib/utils";
+
+export async function submitFeedback(data: FormData) {
+  const email = data.get("email") as string;
+  const feedback = data.get("feedback") as string;
+
+  return await log({
+    message: `New feedback from *${email}*: ${feedback}`,
+    type: "cron",
+  });
+}

app/ui/stats/feedback/email.tsx

@@ -0,0 +1,5 @@
+"use client";
+
+import FeedbackEmail from "emails/feedback-email";
+
+export default FeedbackEmail;

app/ui/stats/feedback/index.tsx

@@ -0,0 +1,61 @@
+import { experimental_useFormStatus as useFormStatus } from "react-dom";
+import Button from "#/ui/button";
+import { toast } from "sonner";
+import { submitFeedback } from "./action";
+
+export default function Feedback() {
+  return (
+    <div className="relative z-0 h-[420px] overflow-scroll border border-gray-200 bg-white px-7 py-5 scrollbar-hide sm:rounded-lg sm:border-gray-100 sm:shadow-lg">
+      <div className="mb-5 flex">
+        <h1 className="text-xl font-semibold">Feedback</h1>
+      </div>
+      <form
+        action={(data) =>
+          submitFeedback(data).then(() => {
+            toast.success("Feedback submitted – thank you!");
+          })
+        }
+        className="grid gap-5"
+      >
+        <div>
+          <label
+            htmlFor="email"
+            className="mb-2 block text-xs font-medium text-gray-500"
+          >
+            EMAIL
+          </label>
+          <input
+            name="email"
+            type="email"
+            placeholder="panic@thedis.co"
+            autoComplete="email"
+            className="block w-full rounded-md border-gray-300 pr-10 text-gray-900 placeholder-gray-300 focus:border-gray-500 focus:outline-none focus:ring-gray-500 sm:text-sm"
+          />
+        </div>
+        <div>
+          <label
+            htmlFor="feedback"
+            className="mb-2 block text-xs font-medium text-gray-500"
+          >
+            FEEDBACK
+          </label>
+          <textarea
+            name="feedback"
+            id="feedback"
+            required={true}
+            rows={6}
+            className="block w-full rounded-md border-gray-300 pr-10 text-gray-900 placeholder-gray-300 focus:border-gray-500 focus:outline-none focus:ring-gray-500 sm:text-sm"
+            placeholder="What other data would you like to see?"
+            aria-invalid="true"
+          />
+        </div>
+        <FormButton />
+      </form>
+    </div>
+  );
+}
+
+const FormButton = () => {
+  const { pending } = useFormStatus();
+  return <Button text="Submit feedback" loading={pending} />;
+};

components/layout/meta.tsx

@@ -4,7 +4,7 @@ import { FAVICON_FOLDER } from "#/lib/constants";
 export default function Meta({
   title = "Dub - Link Management for Modern Marketing Teams",
   description = "Dub is an open-source link management tool for modern marketing teams to create, share, and track short links.",
-  image = "https://dub.sh/_static/thumbnail.png",
+  image = "https://public.blob.vercel-storage.com/kmKY9FhOzDRAX28c/4aNzmdW-S93Bh3Z3AJMLU90iSwq7SCLuuwIrcB.png",
 }: {
   title?: string;
   description?: string;
@@ -47,7 +47,10 @@ export default function Meta({
       <meta charSet="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />
       <meta itemProp="image" content={image} />
-      <meta property="og:logo" content="https://dub.sh/_static/logo.png"></meta>
+      <meta
+        property="og:logo"
+        content="https://public.blob.vercel-storage.com/kmKY9FhOzDRAX28c/diIX27B-vli9jFicKhqvO4Dzb2IrgHbaOdRLcT.png"
+      ></meta>
       <meta property="og:title" content={title} />
       <meta property="og:description" content={description} />
       <meta property="og:image" content={image} />