Update LinkCard.tsx

components/LinkCard.tsx

@@ -2,16 +2,11 @@ import {
   CollectionIncludingMembersAndLinkCount,
   LinkIncludingShortenedCollectionAndTags,
 } from "@/types/global";
-import {faLink} from "@fortawesome/free-solid-svg-icons";
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {useEffect, useState} from "react";
-import Image from "next/image";
+import { faLink } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useEffect, useState } from "react";
 import useLinkStore from "@/store/links";
 import useCollectionStore from "@/store/collections";
-import {
-    faFileImage,
-    faFilePdf,
-} from "@fortawesome/free-regular-svg-icons";
 import isValidUrl from "@/lib/shared/isValidUrl";
 import unescapeString from "@/lib/client/unescapeString";
 import LinkActions from "@/components/LinkViews/LinkComponents/LinkActions";
@@ -25,23 +20,23 @@ type Props = {
   className?: string;
 };
 
-export default function LinkCard({link, count, className}: Props) {
-    const {links} = useLinkStore();
+export default function LinkCard({ link, count, className }: Props) {
+  const { links } = useLinkStore();
 
-    const {collections} = useCollectionStore();
+  const { collections } = useCollectionStore();
 
   const [collection, setCollection] =
     useState<CollectionIncludingMembersAndLinkCount>(
       collections.find(
-                (e) => e.id === link.collection.id
-            ) as CollectionIncludingMembersAndLinkCount
+        (e) => e.id === link.collection.id,
+      ) as CollectionIncludingMembersAndLinkCount,
     );
 
   useEffect(() => {
     setCollection(
       collections.find(
-                (e) => e.id === link.collection.id
-            ) as CollectionIncludingMembersAndLinkCount
+        (e) => e.id === link.collection.id,
+      ) as CollectionIncludingMembersAndLinkCount,
     );
   }, [collections, links]);
 
@@ -79,16 +74,16 @@ export default function LinkCard({link, count, className}: Props) {
 
         {link.url ? (
           <div className="flex items-center gap-1 max-w-full w-fit text-neutral">
-                        <FontAwesomeIcon icon={faLink} className="mt-1 w-4 h-4"/>
+            <FontAwesomeIcon icon={faLink} className="mt-1 w-4 h-4" />
             <p className="truncate w-full">{shortendURL}</p>
           </div>
         ) : (
           <div className="badge badge-primary badge-sm my-1">{link.type}</div>
         )}
 
-                <LinkCollection link={link} collection={collection}/>
+        <LinkCollection link={link} collection={collection} />
 
-                <LinkDate link={link}/>
+        <LinkDate link={link} />
         {/* {link.tags[0] ? (
 <div className="flex gap-3 items-center flex-wrap mt-2 truncate relative">
 <div className="flex gap-1 items-center flex-nowrap">
@@ -112,7 +107,7 @@ export default function LinkCard({link, count, className}: Props) {
 )} */}
       </div>
 
-            <LinkActions link={link} collection={collection}/>
+      <LinkActions link={link} collection={collection} />
     </div>
   );
 }