From 5f62cdeb827e6888c9bfcaff944dd4abab6b64cb Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Fri, 4 Sep 2020 17:05:55 -0700
Subject: [PATCH] feat(ui-shell): add Close/AppSwitcher as default HeaderAction
 icons

---
 src/UIShell/GlobalHeader/HeaderAction.svelte | 6 ++++--
 src/UIShell/UIShell.Story.svelte             | 1 -
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/UIShell/GlobalHeader/HeaderAction.svelte b/src/UIShell/GlobalHeader/HeaderAction.svelte
index 50b0b50b..abdf1f20 100644
--- a/src/UIShell/GlobalHeader/HeaderAction.svelte
+++ b/src/UIShell/GlobalHeader/HeaderAction.svelte
@@ -24,9 +24,11 @@
    */
   export let ref = null;
 
-  import { Icon } from "../../Icon";
   import { createEventDispatcher } from "svelte";
   import { slide } from "svelte/transition";
+  import Close20 from "carbon-icons-svelte/lib/Close20";
+  import AppSwitcher20 from "carbon-icons-svelte/lib/AppSwitcher20";
+  import { Icon } from "../../Icon";
 
   const dispatch = createEventDispatcher();
 
@@ -70,7 +72,7 @@
       isOpen = !isOpen;
       dispatch(isOpen ? 'open' : 'close');
     }}">
-    <Icon {...icon} />
+    <Icon render="{isOpen ? Close20 : AppSwitcher20}" {...icon} />
     <slot name="text">
       {#if text}<span>{text}</span>{/if}
     </slot>
diff --git a/src/UIShell/UIShell.Story.svelte b/src/UIShell/UIShell.Story.svelte
index 253135c2..bd08b321 100644
--- a/src/UIShell/UIShell.Story.svelte
+++ b/src/UIShell/UIShell.Story.svelte
@@ -193,7 +193,6 @@
     <HeaderUtilities>
       <HeaderAction
         type="Switcher"
-        icon="{isOpen ? iAccount : iSwitcher}"
         bind:isOpen
         on:open="{() => {
           console.log('on:open');