finalized link card

components/LinkViews/LinkComponents/LinkIcon.tsx

@@ -14,35 +14,31 @@ export default function LinkIcon({
     isValidUrl(link.url || "") && link.url ? new URL(link.url) : undefined;
 
   const iconClasses: string =
-    "bg-white text-primary shadow rounded-md border-[2px] border-white select-none z-10" +
+    "bg-white shadow rounded-md border-[2px] flex item-center justify-center border-white select-none z-10" +
     " " +
     (width || "w-12");
 
   const [showFavicon, setShowFavicon] = React.useState<boolean>(true);
 
-  return (
-    <div>
-      {link.url && url && showFavicon ? (
-        <Image
-          src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${link.url}&size=32`}
-          width={64}
-          height={64}
-          alt=""
-          className={iconClasses}
-          draggable="false"
-          onError={() => {
-            setShowFavicon(false);
-          }}
-        />
-      ) : showFavicon === false ? (
-        <div className="flex items-center justify-center h-12 w-12 bg-base-200 rounded-md shadow">
-          <i className="bi-link-45deg text-4xl text-primary"></i>
-        </div>
-      ) : link.type === "pdf" ? (
-        <i className={`bi-file-earmark-pdf ${iconClasses}`}></i>
-      ) : link.type === "image" ? (
-        <i className={`bi-file-earmark-image ${iconClasses}`}></i>
-      ) : undefined}
+  return link.url && url && showFavicon ? (
+    <Image
+      src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${link.url}&size=32`}
+      width={64}
+      height={64}
+      alt=""
+      className={iconClasses}
+      draggable="false"
+      onError={() => {
+        setShowFavicon(false);
+      }}
+    />
+  ) : showFavicon === false ? (
+    <div className={iconClasses}>
+      <i className="bi-link-45deg text-4xl text-black"></i>
     </div>
-  );
+  ) : link.type === "pdf" ? (
+    <i className={`bi-file-earmark-pdf ${iconClasses}`}></i>
+  ) : link.type === "image" ? (
+    <i className={`bi-file-earmark-image ${iconClasses}`}></i>
+  ) : undefined;
 }