Update staff note icon to appear on reviewable

Flagged posts have been folded into the review queue - this makes
staff notes appear on the flags in the review queue

Icon appears as a shorthand pencil emoji

assets/javascripts/discourse-user-notes/connectors/after-reviewable-post-user/show-user-notes-on-flags.js.es6

@@ -1,5 +1,6 @@
 import { showUserNotes } from "discourse/plugins/discourse-user-notes/discourse-user-notes/lib/user-notes";
 import { getOwner } from "discourse-common/lib/get-owner";
+import { emojiUrlFor } from "discourse/lib/text";
 
 export default {
   shouldRender(args, component) {
@@ -7,17 +8,20 @@ export default {
   },
 
   setupComponent(args, component) {
-    const model = args.flaggedPost.user;
+    const model = args.user;
-    component.set(
+    const userNotesCount = model.get("custom_fields.user_notes_count") || 0;
-      "userNotesCount",
+    component.setProperties({
-      model.get("custom_fields.user_notes_count") || 0
+      userNotesCount,
-    );
+      emojiEnabled: component.siteSettings.enable_emoji,
+      emojiUrl: emojiUrlFor("pencil"),
+      userNotesTitle: I18n.t("user_notes.show", { count: userNotesCount })
+    });
   },
 
   actions: {
     showUserNotes() {
       const store = getOwner(this).lookup("store:main");
-      const user = this.get("args.flaggedPost.user");
+      const user = this.get("args.user");
       showUserNotes(store, user.id, count => this.set("userNotesCount", count));
     }
   }

assets/javascripts/discourse-user-notes/templates/connectors/after-reviewable-post-user/show-user-notes-on-flags.hbs

@@ -0,0 +1,9 @@
+{{#if userNotesCount}}
+  <a href {{action "showUserNotes"}} title="{{userNotesTitle}}">
+    {{#if emojiEnabled}}
+      <img src={{emojiUrl}} title={{userNotesTitle}} alt="pencil" class="emoji">
+    {{else}}
+      {{d-icon "sticky-note"}}
+    {{/if}}
+  </a>
+{{/if}}

assets/javascripts/discourse-user-notes/templates/connectors/flagged-post-controls/show-user-notes-on-flags.hbs

@@ -1,6 +0,0 @@
-{{#if userNotesCount}}
-  {{show-user-notes
-    show=(action "showUserNotes")
-    count=userNotesCount
-  }}
-{{/if}}

assets/stylesheets/user_notes.scss

@@ -4,6 +4,10 @@
   }
 }
 
+.show-user-notes-on-flags {
+  display: inline-block;
+}
+
 .modal-body.user-notes-modal {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;