From 63b417477b156f633cc4fd12c78aa28ce638679c Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Sun, 21 Feb 2021 11:42:06 +0100
Subject: [PATCH] Replace tree icon in section picker with umb-icon component
 (#9760)

---
 .../infiniteeditors/sectionpicker/sectionpicker.html  | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/sectionpicker/sectionpicker.html b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/sectionpicker/sectionpicker.html
index feb3b9ab53..452f4b2364 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/sectionpicker/sectionpicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/sectionpicker/sectionpicker.html
@@ -19,10 +19,15 @@
             <umb-box ng-if="!vm.loading">
                 <umb-box-content>
                     <ul class="umb-tree">
-                        <li ng-repeat="section in vm.sections" class="umb-tree-item">
+                        <li class="umb-tree-item" ng-repeat="section in vm.sections">
                             <div class="umb-tree-item__inner" style="padding: 5px 10px;">
-                                <button type="button" class="btn-reset text-left flex-auto" ng-click="vm.selectSection(section)" ng-class="{'umb-tree-node-checked': section.selected }">
-                                    <i class="icon umb-tree-icon {{section.icon}}" aria-hidden="true"></i>
+                                <button type="button"
+                                        class="btn-reset text-left flex-auto"
+                                        ng-class="{'umb-tree-node-checked': section.selected }"
+                                        ng-click="vm.selectSection(section)">
+                                    <umb-icon icon="{{section.selected ? 'icon-check' : section.icon}}"
+                                              class="icon umb-tree-icon {{section.selected ? 'icon-check color-green' : section.icon}}">
+                                    </umb-icon>
                                     <span>{{ section.name }}</span>
                                 </button>
                             </div>