const accountId = props.accountId; const widgetName = props.widgetName; const widgetPath = `${accountId}/widget/${widgetName}`; const metadata = props.metadata ?? Social.getr(`${widgetPath}/metadata`); console.log({ metadata }); const className = props.className ?? "d-inline-block"; const style = props.style ?? { width: "3em", height: "3em" }; const imageStyle = props.imageStyle ?? { objectFit: "cover", borderRadius: "0.6em", }; const imageClassName = props.imageClassName ?? "shadow w-100 h-100"; const thumbnail = props.thumbnail ?? "thumbnail"; const name = metadata?.name ?? widgetName; const image = metadata?.image; const title = props.title ?? name; const tooltip = props.tooltip && (props.tooltip === true ? title : props.tooltip); console.log({ image }); const inner = ( <div className={className} style={style}> <Widget src="andyh.near/widget/Image" props={{ image, alt: title, className: imageClassName, style: imageStyle, thumbnail, fallbackUrl: "https://ipfs.near.social/ipfs/bafkreido7gsk4dlb63z3s5yirkkgrjs2nmyar5bxyet66chakt2h5jve6e", }} /> </div> ); return tooltip ? ( <OverlayTrigger placement="auto" overlay={<Tooltip>{title}</Tooltip>}> {inner} </OverlayTrigger> ) : ( inner );