From 7b9377ea1ed91121e1f7f27a6db589ce76e0f4c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Tue, 20 Apr 2021 16:44:08 +0200
Subject: [PATCH] clean up Tree Item component

---
 packages/bbui/src/TreeView/Item.svelte | 28 ++++++++++----------------
 1 file changed, 11 insertions(+), 17 deletions(-)

diff --git a/packages/bbui/src/TreeView/Item.svelte b/packages/bbui/src/TreeView/Item.svelte
index 4f2a54fa2..1744cd5c8 100644
--- a/packages/bbui/src/TreeView/Item.svelte
+++ b/packages/bbui/src/TreeView/Item.svelte
@@ -5,24 +5,14 @@
     export let icon;
 </script>
 
-<li class:is-selected={selected} class:is-open={open} class="spectrum-TreeView-item">
-    {#if $$slots.default}
-        <a class="spectrum-TreeView-itemLink" href="#">
-            <svg class="spectrum-Icon spectrum-UIIcon-ChevronRight100 spectrum-TreeView-itemIndicator" focusable="false" aria-hidden="true">
-                <use xlink:href="#spectrum-css-icon-Chevron100" />
-            </svg>
-            {#if icon}
-                <svg class="spectrum-TreeView-itemIcon spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="Layers">
-                    <use xlink:href="#spectrum-icon-18-{icon}" />
+<li
+    class:is-selected={selected} class:is-open={open} class="spectrum-TreeView-item">
+        <a on:click class="spectrum-TreeView-itemLink" href="#">
+            {#if $$slots.default}
+                <svg class="spectrum-Icon spectrum-UIIcon-ChevronRight100 spectrum-TreeView-itemIndicator" focusable="false" aria-hidden="true">
+                    <use xlink:href="#spectrum-css-icon-Chevron100" />
                 </svg>
             {/if}
-            <span class="spectrum-TreeView-itemLabel">{title}</span>
-        </a>
-        <ul class="spectrum-TreeView">
-            <slot />
-        </ul>
-    {:else}
-        <a class="spectrum-TreeView-itemLink" href="#">
             {#if icon}
                 <svg class="spectrum-TreeView-itemIcon spectrum-Icon spectrum-Icon--sizeM" focusable="false" aria-hidden="true" aria-label="Layers">
                     <use xlink:href="#spectrum-icon-18-{icon}" />
@@ -30,5 +20,9 @@
             {/if}
             <span class="spectrum-TreeView-itemLabel">{title}</span>
         </a>
-    {/if}
+        {#if $$slots.default}
+            <ul class="spectrum-TreeView">
+                <slot />
+            </ul>
+        {/if}
 </li>
\ No newline at end of file