From 00e1ed69c6cf2c95ec2f2c00296e316f3767b733 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 12 Mar 2022 14:09:17 -0800
Subject: [PATCH] refactor: remove useless div tag

---
 src/UIShell/GlobalHeader/HeaderAction.svelte | 68 ++++++++++----------
 1 file changed, 33 insertions(+), 35 deletions(-)

diff --git a/src/UIShell/GlobalHeader/HeaderAction.svelte b/src/UIShell/GlobalHeader/HeaderAction.svelte
index 124ffef3..a29a5cfd 100644
--- a/src/UIShell/GlobalHeader/HeaderAction.svelte
+++ b/src/UIShell/GlobalHeader/HeaderAction.svelte
@@ -54,43 +54,41 @@
   }}"
 />
 
-<div>
-  <button
-    bind:this="{ref}"
-    type="button"
-    class:bx--header__action="{true}"
-    class:bx--header__action--active="{isOpen}"
-    class:action-text="{text}"
-    {...$$restProps}
-    on:click
-    on:click="{() => {
-      isOpen = !isOpen;
-      dispatch(isOpen ? 'open' : 'close');
+<button
+  bind:this="{ref}"
+  type="button"
+  class:bx--header__action="{true}"
+  class:bx--header__action--active="{isOpen}"
+  class:action-text="{text}"
+  {...$$restProps}
+  on:click
+  on:click="{() => {
+    isOpen = !isOpen;
+    dispatch(isOpen ? 'open' : 'close');
+  }}"
+>
+  <svelte:component this="{icon}" style="{isOpen ? 'display: none' : ''}" />
+  <svelte:component
+    this="{closeIcon}"
+    style="{!isOpen ? 'display: none' : ''}"
+  />
+  <slot name="text">
+    {#if text}<span>{text}</span>{/if}
+  </slot>
+</button>
+{#if isOpen}
+  <div
+    bind:this="{refPanel}"
+    class:bx--header-panel="{true}"
+    class:bx--header-panel--expanded="{true}"
+    transition:slide="{{
+      ...transition,
+      duration: transition === false ? 0 : transition.duration,
     }}"
   >
-    <svelte:component this="{icon}" style="{isOpen ? 'display: none' : ''}" />
-    <svelte:component
-      this="{closeIcon}"
-      style="{!isOpen ? 'display: none' : ''}"
-    />
-    <slot name="text">
-      {#if text}<span>{text}</span>{/if}
-    </slot>
-  </button>
-  {#if isOpen}
-    <div
-      bind:this="{refPanel}"
-      class:bx--header-panel="{true}"
-      class:bx--header-panel--expanded="{true}"
-      transition:slide="{{
-        ...transition,
-        duration: transition === false ? 0 : transition.duration,
-      }}"
-    >
-      <slot />
-    </div>
-  {/if}
-</div>
+    <slot />
+  </div>
+{/if}
 
 <style>
   .action-text {