Notes

= react_component "NotesPanel", user_note_params_for_react, class: "js-notes-side-nav"
// This is the mounting point for the notes panel
.js-note-modal-container

// Display note count (and optionally hide if there are no notes?)
.js-note-count-nav{class: notes_count.zero? ? "hidden" : ""}
  %button.btn.btn-primary.js-open-notes{ type: "button", data: { activates: "notes-side-nav" } }
    Notes
    // Place note count inside .js-non-archived-note-count
    %span.badge.badge-light.js-non-archived-note-count
      3 Notes
      %i.material-icons{title: "Notifications"}