From f326555b67787a28bd6302b432c065e8e90adf02 Mon Sep 17 00:00:00 2001
From: Hunter Miller <hunter@thisdot.co>
Date: Tue, 13 Jul 2021 15:11:40 -0500
Subject: [PATCH] CommentItem: prevent actions until confirmed

---
 .../src/views/components/CommentItem.tsx      | 88 ++++++++++---------
 1 file changed, 45 insertions(+), 43 deletions(-)

diff --git a/pkg/interface/src/views/components/CommentItem.tsx b/pkg/interface/src/views/components/CommentItem.tsx
index 1b3488a85..6b3fd0042 100644
--- a/pkg/interface/src/views/components/CommentItem.tsx
+++ b/pkg/interface/src/views/components/CommentItem.tsx
@@ -110,50 +110,52 @@ return false;
           group={group}
           isRelativeTime
         ></Author>
-        <Box opacity={hovering ? '100%' : '0%'}>
-          <Dropdown
-            alignX="right"
-            alignY="top"
-            options={
-              <Col
-                p="2"
-                border="1"
-                borderRadius="1"
-                borderColor="lightGray"
-                backgroundColor="white"
-                gapY="2"
-              >
-                <Action bg="white" onClick={doCopy}>
-                  {copyDisplay}
-                </Action>
-                {(window.ship == post?.author && !disabled) ? (
-                  <ActionLink
-                    color="blue"
-                    to={{
-                      pathname: props.baseUrl,
-                      search: `?edit=${commentIndex}`
-                    }}
-                  >
-                    Update
-                  </ActionLink>
-                ) : null}
-                {(window.ship == post?.author || ourRole == 'admin') &&
-                !disabled ? (
-                  <Action
-                    height="unset"
-                    bg="white"
-                    onClick={onDelete}
-                    destructive
-                  >
-                    Delete
+        {!post.pending &&
+          <Box opacity={hovering ? '100%' : '0%'}>
+            <Dropdown
+              alignX="right"
+              alignY="top"
+              options={
+                <Col
+                  p="2"
+                  border="1"
+                  borderRadius="1"
+                  borderColor="lightGray"
+                  backgroundColor="white"
+                  gapY="2"
+                >
+                  <Action bg="white" onClick={doCopy}>
+                    {copyDisplay}
                   </Action>
-                ) : null}
-              </Col>
-            }
-          >
-            <Icon icon="Ellipsis" />
-          </Dropdown>
-        </Box>
+                  {(window.ship == post?.author && !disabled) ? (
+                    <ActionLink
+                      color="blue"
+                      to={{
+                        pathname: props.baseUrl,
+                        search: `?edit=${commentIndex}`
+                      }}
+                    >
+                      Update
+                    </ActionLink>
+                  ) : null}
+                  {(window.ship == post?.author || ourRole == 'admin') &&
+                  !disabled ? (
+                    <Action
+                      height="unset"
+                      bg="white"
+                      onClick={onDelete}
+                      destructive
+                    >
+                      Delete
+                    </Action>
+                  ) : null}
+                </Col>
+              }
+            >
+              <Icon icon="Ellipsis" />
+            </Dropdown>
+          </Box>
+        }
       </Row>
       <GraphContent
         borderRadius={1}