const { accountId, value } = props; const overlayStyle = { maxWidth: "30em", zIndex: 1070, maxHeight: "24em", overflow: "hidden", }; const { content, popup } = value.item.path === `${context.accountId}/post/main` ? { content: ( <a className="fw-bold text-muted" href={`/mob.near/widget/MainPage.N.Post.Page?accountId=${context.accountId}&blockHeight=${value.item.blockHeight}`} > post </a> ), popup: ( <Widget src="mob.near/widget/MainPage.N.Post" props={{ accountId: context.accountId, blockHeight: value.item.blockHeight, hideComments: true, }} /> ), } : { content: "item???" }; return ( <Widget loading={props.loading} src="mob.near/widget/Notification.Item.LR" props={{ L: ( <> reposted your <Widget loading={content} src="mob.near/widget/N.Common.OverlayTrigger" props={{ overlayStyle, popup, children: content, }} /> </> ), R: value.item.path === `${context.accountId}/post/main` ? ( <a className="btn btn-outline-dark rounded-5" href={`/mob.near/widget/MainPage.N.Post.Page?accountId=${context.accountId}&blockHeight=${value.item.blockHeight}`} > View post </a> ) : ( "" ), ...props, }} /> );