link compact list view

components/LinkViews/LinkComponents/LinkDate.tsx

@@ -0,0 +1,25 @@
+import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faCalendarDays } from "@fortawesome/free-regular-svg-icons";
+
+export default function LinkDate({
+  link,
+}: {
+  link: LinkIncludingShortenedCollectionAndTags;
+}) {
+  const formattedDate = new Date(link.createdAt as string).toLocaleString(
+    "en-US",
+    {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+    },
+  );
+
+  return (
+    <div className="flex items-center gap-1 text-neutral">
+      <FontAwesomeIcon icon={faCalendarDays} className="w-4 h-4" />
+      <p>{formattedDate}</p>
+    </div>
+  );
+}