const dbAction = props.dbAction; const composeWidget = props.composeWidget; const previewWidget = props.previewWidget; const notificationWidget = props.notificationWidget; const notificationWidgetParams = props.notificationWidgetParams; const highlightComment = props.highlightComment; const identifier = props.identifier; const moderatorAccount = props.moderatorAccount; const index = { action: dbAction, key: identifier, options: { subscribe: true }, }; const Post = styled.div` padding: 24px 0 12px; @media (max-width: 1200px) { padding: 12px 0 0; } `; const renderItem = ({ accountId, blockHeight }) => ( <Post className="post" key={JSON.stringify({ accountId, blockHeight })}> <Widget src={previewWidget} props={{ accountId, blockHeight, identifier, dbAction, composeWidget, previewWidget, moderatorAccount, notificationWidget, notificationWidgetParams, highlightComment, }} /> </Post> ); return ( <> <Widget src="near/widget/IndexFeed" props={{ index, renderItem, moderatorAccount, reverse: true }} /> </> );