From c75abc11dc215ff23087d5e50ab972eb3e3e878d Mon Sep 17 00:00:00 2001
From: Zhihe Li <zhihe.li@hashicorp.com>
Date: Mon, 19 Sep 2022 16:28:19 -0400
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20Add=20optional=20icon=20?=
 =?UTF-8?q?for=20dropdown=20section=20(#1332)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rose/addon/components/rose/dropdown/index.stories.mdx   | 6 +++---
 .../rose/addon/components/rose/dropdown/section/index.hbs   | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/addons/rose/addon/components/rose/dropdown/index.stories.mdx b/addons/rose/addon/components/rose/dropdown/index.stories.mdx
index 625447e19..0af0d5fd6 100644
--- a/addons/rose/addon/components/rose/dropdown/index.stories.mdx
+++ b/addons/rose/addon/components/rose/dropdown/index.stories.mdx
@@ -18,7 +18,7 @@ A simple dropdown component with support for links and buttons.
         <dropdown.separator />
         <dropdown.button>Button menu item</dropdown.button>
         <dropdown.separator />
-        <dropdown.section @title="Dropdown Section Title">
+        <dropdown.section @title="Dropdown Section Title" @icon="flight-icons/svg/tag-16">
           <dropdown.link @route="index">Menu item</dropdown.link>
         </dropdown.section>
       </Rose::Dropdown>
@@ -90,7 +90,7 @@ A simple dropdown component with support for links and buttons.
     <dropdown.link @route="about">Menu item</dropdown.link>
     <dropdown.button>Button menu item</dropdown.button>
     <dropdown.separator />
-    <dropdown.section @title="Dropdown Section Title">
+    <dropdown.section @title="Dropdown Section Title" @icon="flight-icons/svg/tag-16">
       <dropdown.link @route="index">Menu item</dropdown.link>
     </dropdown.section>
   </Rose::Dropdown>
@@ -159,7 +159,7 @@ form fields.
 <dropdown.item>
   <group.checkbox
     @label={{group.item.name}}
-    value={{group.item.id}} 
+    value={{group.item.id}}
     />
     </dropdown.item>
 </Rose::Form::Checkbox::Group>
diff --git a/addons/rose/addon/components/rose/dropdown/section/index.hbs b/addons/rose/addon/components/rose/dropdown/section/index.hbs
index 275e4f0b0..ee8b237fd 100644
--- a/addons/rose/addon/components/rose/dropdown/section/index.hbs
+++ b/addons/rose/addon/components/rose/dropdown/section/index.hbs
@@ -7,6 +7,9 @@
       id={{concat 'dropdown-section-title-' this.id}}
       class='rose-dropdown-section-title'
     >
+      {{#if @icon}}
+        <Rose::Icon @name={{@icon}} @size='medium' />
+      {{/if}}
       {{@title}}
     </h2>
   {{/if}}