> ## Documentation Index > Fetch the complete documentation index at: https://docs.infinifi.xyz/llms.txt > Use this file to discover all available pages before exploring further. # Vaults > Current infiniFi vault data export const PdfCard = ({title, href}) => { const [open, setOpen] = useState(false); const dialogRef = useRef(null); const previewHref = `https://mozilla.github.io/pdf.js/web/viewer.html?file=${encodeURIComponent(href)}`; useEffect(() => { if (!open || !dialogRef.current) { return; } if (!dialogRef.current.open) { dialogRef.current.showModal(); } }, [open]); useEffect(() => { const close = () => setOpen(false); window.addEventListener("pdf-card:close", close); return () => window.removeEventListener("pdf-card:close", close); }, []); return <> {open && setOpen(false)} onClick={event => { if (event.target === event.currentTarget) { setOpen(false); } }}>
{title}