Update links server actions + add copy to clipboard hook & format dat…

…e utility

src/hooks/useCopyToClipboard.ts

@@ -0,0 +1,28 @@
+import { useState } from "react";
+
+type CopiedValue = string | null;
+type CopyFn = (text: string) => Promise<boolean>; // Return success
+
+export function useCopyToClipboard(): [CopiedValue, CopyFn] {
+  const [copiedText, setCopiedText] = useState<CopiedValue>(null);
+
+  const copy: CopyFn = async (text) => {
+    if (!navigator?.clipboard) {
+      console.warn("Clipboard not supported");
+      return false;
+    }
+
+    // Try to save to clipboard then save it in the state if worked
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopiedText(text);
+      return true;
+    } catch (error) {
+      console.warn("Copy failed", error);
+      setCopiedText(null);
+      return false;
+    }
+  };
+
+  return [copiedText, copy];
+}

src/server/actions/links.ts

@@ -5,6 +5,7 @@ import type { CreateLinkSchema, LinkSchema } from "@/server/schemas";
 
 import { auth } from "@/server/auth";
 import { db } from "@/server/db";
+import { revalidatePath } from "next/cache";
 
 /**
  * Get links created by user.
@@ -91,6 +92,8 @@ export const createLink = async (values: z.infer<typeof CreateLinkSchema>) => {
     },
   });
 
+  revalidatePath("/dashboard");
+
   return result;
 };
 

src/types/link.type.ts

@@ -0,0 +1,10 @@
+export interface LinksProps {
+  id: number;
+  url: string;
+  slug: string;
+  description: string | null;
+  createdAt: Date;
+  creatorId: string;
+  folder?: string | null;
+  tagId: number | null;
+}

src/utils/formatDate.ts

@@ -0,0 +1,5 @@
+import { format } from "date-fns";
+export const formatDate = (date: Date) => {
+    // Return "23 January 2021"
+  return format(date, "dd MMMM, yyyy");
+};