[EA] deploy emoji react voting, crossposting karma threshold, coauthors can view post version history, and smaller updates

packages/lesswrong/components/comments/CommentFrame.tsx

@@ -155,7 +155,7 @@ const CommentFrame = ({comment, treeOptions, onClick, id, nestingLevel, hasChild
       [classes.condensed]: condensed,
       [classes.shortformTop]: postPage && shortform && (nestingLevel===1),
       [classes.hoverPreview]: hoverPreview,
-      [classes.moderatorHat]: comment.moderatorHat,
+      [classes.moderatorHat]: comment.hideModeratorHat ? false : comment.moderatorHat,
       [classes.promoted]: comment.promoted
     }
   )

packages/lesswrong/components/comments/CommentsItem/CommentsItem.tsx

@@ -311,15 +311,15 @@ export const CommentsItem = ({ treeOptions, comment, nestingLevel=1, isChild, co
    * 1) it has the moderatorHat
    * 2) the user is either an admin, or the moderatorHat isn't deliberately hidden
    */
-  // const showModeratorCommentAnnotation = comment.moderatorHat && (
-  //   userIsAdmin(currentUser)
-  //     ? true
-  //     : !comment.hideModeratorHat
-  //   );
+  const showModeratorCommentAnnotation = comment.moderatorHat && (
+    userIsAdmin(currentUser)
+      ? true
+      : !comment.hideModeratorHat
+    );
 
-  // const moderatorCommentAnnotation = comment.hideModeratorHat
-  //   ? 'Moderator Comment (Invisible)'
-  //   : 'Moderator Comment';
+  const moderatorCommentAnnotation = comment.hideModeratorHat
+    ? 'Moderator Comment (Invisible)'
+    : 'Moderator Comment';
 
   return (
     <AnalyticsContext pageElementContext="commentItem" commentId={comment._id}>
@@ -385,8 +385,8 @@ export const CommentsItem = ({ treeOptions, comment, nestingLevel=1, isChild, co
               scrollIntoView={scrollIntoView}
               scrollOnClick={postPage && !isParentComment}
             />
-            {comment.moderatorHat && <span className={classes.moderatorHat}>
-              Moderator Comment
+            {showModeratorCommentAnnotation && <span className={classes.moderatorHat}>
+              {moderatorCommentAnnotation}
             </span>}
             <SmallSideVote
               document={comment}

packages/lesswrong/components/common/ErrorAccessDenied.tsx

@@ -3,15 +3,16 @@ import { Components, registerComponent } from '../../lib/vulcan-lib';
 import { useCurrentUser } from './withUser';
 import { useServerRequestStatus } from '../../lib/routeUtil'
 
-const ErrorAccessDenied = () => {
+const ErrorAccessDenied = ({explanation}: {explanation?: string}) => {
   const { SingleColumnSection, Typography } = Components;
   const serverRequestStatus = useServerRequestStatus()
   const currentUser = useCurrentUser();
   if (serverRequestStatus) serverRequestStatus.status = 403
 
   if (currentUser) {
+    const message = `Sorry, you don't have access to this page.${(explanation ? ` ${explanation}` : "")}`
     return <SingleColumnSection>
-      <div>Sorry, you don't have access to this page.</div>
+      <div>{message}</div>
     </SingleColumnSection>
   } else {
     return <SingleColumnSection>