From aa236f96d80db08c5a49af2d47654c0e807cb76c Mon Sep 17 00:00:00 2001
From: SaadYousaf <saadyousaf@A006-00314.local>
Date: Wed, 12 Apr 2023 15:50:16 +0500
Subject: [PATCH] feat: add label for content that is awaiting review

---
 src/discussions/posts/post/Post.jsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/discussions/posts/post/Post.jsx b/src/discussions/posts/post/Post.jsx
index f94d364c..09d8d2af 100644
--- a/src/discussions/posts/post/Post.jsx
+++ b/src/discussions/posts/post/Post.jsx
@@ -44,6 +44,7 @@ function Post({
   const userHasModerationPrivileges = useSelector(selectUserHasModerationPrivileges);
   const displayPostFooter = post.following || post.voteCount || post.closed
   || (post.groupId && userHasModerationPrivileges);
+  const displayReviewContentLabel = post.reviewStatus === "PENDING";
 
   const handleAbusedFlag = useCallback(() => {
     if (post.abuseFlagged) {
@@ -146,6 +147,8 @@ function Post({
       />
       <AlertBanner content={post} />
       <PostHeader post={post} />
+      {displayReviewContentLabel && <p style= {{ background: "yellow" }}> This content is under review </p>}
+
       <div className="d-flex mt-14px text-break font-style text-primary-500">
         <HTMLLoader htmlNode={post.renderedBody} componentId="post" cssClassName="html-loader" testId={post.id} />
       </div>