= page_header do
  div.btn-group
    - if can?(:create, Course::LessonPlan::Milestone.new(course: current_course))
      = new_button([current_course, :lesson_plan_milestone])
    - if can?(:create, Course::LessonPlan::Event.new(course: current_course))
      = new_button([current_course, :lesson_plan_event])

- props = render 'course/lesson_plan/items/index.json.jbuilder'
= react_component("LessonPlanPlugin", props: props, prerender: false)

= page_header do
  div.btn-group
    - if can?(:create, Course::LessonPlan::Milestone.new(course: current_course))
      = new_button([current_course, :lesson_plan_milestone]) { fa_icon 'flag-checkered'.freeze }
    - if can?(:create, Course::LessonPlan::Event.new(course: current_course))
      = new_button([current_course, :lesson_plan_event]) { fa_icon 'calendar-plus-o'.freeze }

- props = render 'course/lesson_plan/items/index.json.jbuilder'
= react_component("LessonPlanPlugin", props: props, prerender: false)

Change icons for new lesson plan milestone and event.
Change icons for new lesson plan milestone and event.

Make them different so hovering over the button for the tooltip is
unnecessary.

cysjonathan/coursemology2,cysjonathan/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,cysjonathan/coursemology2,Coursemology/coursemology2