const identifier = props.identifier; const notifyAccountId = props.notifyAccountId; const dbAction = props.dbAction || "discuss"; const moderatorAccount = props.moderatorAccount || "bosmod.near"; const composeWidget = props.composeWidget || "ae40cb52839f896de8ec2313e5d7ef5f3b05b9ebc474329fa3456eec32126055/widget/NestedDiscussions.Compose"; const previewWidget = props.previewWidget || "ae40cb52839f896de8ec2313e5d7ef5f3b05b9ebc474329fa3456eec32126055/widget/NestedDiscussions.Preview"; // discussions generally happen inside another widget const notificationWidget = props.notificationWidget || "ae40cb52839f896de8ec2313e5d7ef5f3b05b9ebc474329fa3456eec32126055/widget/NestedDiscussions"; const notificationWidgetParams = props.notificationWidgetParams || { identifier, }; const highlightComment = props.highlightComment; const notLoggedMessage = props.notLoggedMessage || "Please login to join the discussion"; if (!identifier) { return "[NestedDiscussions]: Please setup an identifier for the discussion"; } const DiscussionContainer = styled.div` @media (max-width: 1200px) { > div:first-child { border-top: none; } } `; const ComposeWrapper = styled.div` border-top: 1px solid #ECEEF0; border-bottom: 1px solid #ECEEF0; `; const FeedWrapper = styled.div` .post { padding-left: 24px; padding-right: 24px; @media (max-width: 1200px) { padding-left: 12px; padding-right: 12px; } } `; return ( <DiscussionContainer> {context.accountId ? ( <ComposeWrapper> <Widget src={composeWidget} props={{ dbAction, identifier, notificationWidget, notificationtParams: notificationWidgetParams, notifyAccountId, }} /> </ComposeWrapper> ) : ( <p> {notLoggedMessage} </p> )} <FeedWrapper> <Widget src="ae40cb52839f896de8ec2313e5d7ef5f3b05b9ebc474329fa3456eec32126055/widget/NestedDiscussions.Feed" props={{ dbAction, composeWidget, previewWidget, identifier, moderatorAccount, notificationWidget, notificationWidgetParams, highlightComment, }} /> </FeedWrapper> </DiscussionContainer> );