yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import { LinkIcon } from "@heroicons/react/24/outline";
2import { memo } from "react";
3import { Card } from "@/components/Shared/UI";
4
5interface EmptyOembedProps {
6 url: string;
7 hideLoader?: boolean;
8}
9
10const EmptyOembed = ({ url, hideLoader = false }: EmptyOembedProps) => {
11 return (
12 <Card className="mt-4 w-full truncate p-5 text-sm md:w-4/6" forceRounded>
13 <div className="flex flex-col gap-y-1">
14 <div className="flex items-center space-x-1.5">
15 <LinkIcon className="size-4 text-gray-500 dark:text-gray-200" />
16 <b className="max-w-sm truncate">{url}</b>
17 </div>
18 {!hideLoader && (
19 <div className="text-gray-500 dark:text-gray-200">Loading...</div>
20 )}
21 </div>
22 </Card>
23 );
24};
25
26export default memo(EmptyOembed);