reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refactor rust commands

Browse Source
This commit is contained in:
reya
2024-01-31 08:20:39 +07:00
parent b7f4af7883
commit 02e0309a41
9 changed files with 169 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/ark/src/components/note/preview/link.tsx
View File

@@ -7,12 +7,12 @@ function isImage(url: string) {
export function LinkPreview({ url }: { url: string }) {
const domain = new URL(url);
const { status, data } = useOpenGraph(url);
const { isLoading, isError, data } = useOpenGraph(url);
if (status === "pending") {
if (isLoading) {
return (
<div className="flex flex-col w-full mt-1 mb-2.5 rounded-xl overflow-hidden bg-neutral-100 dark:bg-neutral-900 border border-black/5 dark:border-white/5">
<div className="w-full h-48 animate-pulse bg-neutral-300 dark:bg-neutral-700" />
<div className="w-full h-48 shrink-0 animate-pulse bg-neutral-300 dark:bg-neutral-700" />
<div className="flex flex-col gap-2 px-3 py-3">
<div className="w-2/3 h-3 rounded animate-pulse bg-neutral-300 dark:bg-neutral-700" />
<div className="w-3/4 h-3 rounded animate-pulse bg-neutral-300 dark:bg-neutral-700" />
@@ -37,6 +37,19 @@ export function LinkPreview({ url }: { url: string }) {
);
}
if (isError) {
return (
<Link
to={url}
target="_blank"
rel="noreferrer"
className="text-blue-500 hover:text-blue-600"
>
{url}
</Link>
);
}
return (
<Link
to={url}
@@ -50,7 +63,7 @@ export function LinkPreview({ url }: { url: string }) {
alt={url}
loading="lazy"
decoding="async"
className="object-cover w-full h-48 bg-white rounded-t-lg"
className="object-cover w-full h-48 shrink-0 bg-white rounded-t-lg"
/>
) : null}
<div className="flex flex-col items-start p-3">