diff --git a/client/src/core/client/stream/tabs/Notifications/NotificationCommentContainer.tsx b/client/src/core/client/stream/tabs/Notifications/NotificationCommentContainer.tsx index 701d8636fa..cfb6c7bb89 100644 --- a/client/src/core/client/stream/tabs/Notifications/NotificationCommentContainer.tsx +++ b/client/src/core/client/stream/tabs/Notifications/NotificationCommentContainer.tsx @@ -29,35 +29,61 @@ const NotificationCommentContainer: FunctionComponent = ({ setIsOpen(!isOpen); }, [setIsOpen, isOpen]); + const hasBeenModerated = + status === GQLCOMMENT_STATUS.APPROVED || + status === GQLCOMMENT_STATUS.REJECTED; + return ( <> - {status === GQLCOMMENT_STATUS.APPROVED && isOpen && ( - - )} - {status === GQLCOMMENT_STATUS.APPROVED && !isOpen && ( - - )} - {status === GQLCOMMENT_STATUS.REJECTED && isOpen && ( - + {hasBeenModerated && ( + <> + {status === GQLCOMMENT_STATUS.APPROVED && isOpen && ( + + )} + {status === GQLCOMMENT_STATUS.APPROVED && !isOpen && ( + + )} + {status === GQLCOMMENT_STATUS.REJECTED && isOpen && ( + + )} + {status === GQLCOMMENT_STATUS.REJECTED && !isOpen && ( + + )} + )} - {status === GQLCOMMENT_STATUS.REJECTED && !isOpen && ( - + {!hasBeenModerated && ( + <> + {isOpen && ( + + )} + {!isOpen && ( + + )} + )} {isOpen && (