Merge pull request #1225 from hypothesis/moderation-banner-bug

Fix rendering bug in moderation-banner component

src/sidebar/components/moderation-banner.js

@@ -75,7 +75,7 @@ function ModerationBanner({ annotation, api, flash }) {
   }
   return (
     <div className={bannerClasses}>
-      {flagCount && !annotation.hidden && (
+      {!!flagCount && !annotation.hidden && (
         <span>Flagged for review x{flagCount}</span>
       )}
       {annotation.hidden && (

src/sidebar/templates/moderation-banner.html

-<div class="moderation-banner"
-     ng-if="vm.isHiddenOrFlagged()"
-     ng-class="{'is-flagged': vm.flagCount() > 0,
-                'is-hidden': vm.isHidden(),
-                'is-reply': vm.isReply()}">
-  <span ng-if="vm.flagCount() > 0 && !vm.isHidden()">
-    Flagged for review x{{ vm.flagCount() }}
-  </span>
-  <span ng-if="vm.isHidden()">
-    Hidden from users. Flagged x{{ vm.flagCount() }}
-  </span>
-  <span class="u-stretch"></span>
-  <button ng-if="!vm.isHidden()"
-          ng-click="vm.hideAnnotation()"
-          title="Hide this annotation from non-moderators">
-    Hide
-  </button>
-  <button ng-if="vm.isHidden()"
-          ng-click="vm.unhideAnnotation()"
-          title="Make this annotation visible to everyone">
-    Unhide
-  </button>
-</div>