add user block

src/shared/notes/preview/link.tsx

@@ -3,8 +3,8 @@ import { Image } from '@shared/image';
 import { useOpenGraph } from '@utils/hooks/useOpenGraph';
 
 export function LinkPreview({ urls }: { urls: string[] }) {
-  const domain = new URL(urls[0]);
   const { status, data, error } = useOpenGraph(urls[0]);
+  const domain = new URL(urls[0]);
 
   return (
     <div className="mt-3 max-w-[420px] overflow-hidden rounded-lg bg-zinc-800">
@@ -21,7 +21,7 @@ export function LinkPreview({ urls }: { urls: string[] }) {
         </div>
       ) : (
         <a
-          className="flex flex-col rounded-lg border border-zinc-800/50"
+          className="flex flex-col rounded-lg border-t border-zinc-700/50"
           href={urls[0]}
           target="_blank"
           rel="noreferrer"
@@ -34,12 +34,14 @@ export function LinkPreview({ urls }: { urls: string[] }) {
             </div>
           ) : (
             <>
-              <Image
-                src={data.images?.[0] || 'https://void.cat/d/XTmrMkpid8DGLjv1AzdvcW'}
-                fallback="https://void.cat/d/XTmrMkpid8DGLjv1AzdvcW"
-                alt={urls[0]}
-                className="h-44 w-full rounded-t-lg object-cover"
-              />
+              {data.images?.[0] && (
+                <Image
+                  src={data.images?.[0] || 'https://void.cat/d/XTmrMkpid8DGLjv1AzdvcW'}
+                  fallback="https://void.cat/d/XTmrMkpid8DGLjv1AzdvcW"
+                  alt={urls[0]}
+                  className="h-44 w-full rounded-t-lg object-cover"
+                />
+              )}
               <div className="flex flex-col gap-2 px-3 py-3">
                 <h5 className="line-clamp-1 font-medium leading-none text-zinc-200">
                   {data.title}