From 58854ee3b032a20d309e700f26a6a079ef667432 Mon Sep 17 00:00:00 2001
From: Ivan Osipov <bellycat77@gmail.com>
Date: Wed, 20 Dec 2023 17:05:22 +0400
Subject: [PATCH] qFix: Update DropdownLabels for showing dropdown icon (#4230)

---
 packages/ui/src/components/DropdownLabels.svelte | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/ui/src/components/DropdownLabels.svelte b/packages/ui/src/components/DropdownLabels.svelte
index 9c743395b1..4e1b96cb8e 100644
--- a/packages/ui/src/components/DropdownLabels.svelte
+++ b/packages/ui/src/components/DropdownLabels.svelte
@@ -22,6 +22,7 @@
   import Button from './Button.svelte'
   import DropdownLabelsPopup from './DropdownLabelsPopup.svelte'
   import Label from './Label.svelte'
+  import DropdownIcon from './icons/Dropdown.svelte'
 
   export let icon: Asset | AnySvelteComponent | undefined = undefined
   export let label: IntlString | undefined = undefined
@@ -30,6 +31,7 @@
   export let multiselect = false
   export let selected: DropdownTextItem['id'] | Array<DropdownTextItem['id']> | undefined = multiselect ? [] : undefined
   export let allowDeselect: boolean = false
+  export let showDropdownIcon: boolean = false
 
   export let kind: ButtonKind = 'no-border'
   export let size: ButtonSize = 'small'
@@ -113,6 +115,14 @@
         <Label label={label ?? ui.string.NotSelected} />
       {/if}
     </span>
+    <svelte:fragment slot="iconRight">
+      {#if showDropdownIcon}
+        <DropdownIcon
+          size={'small'}
+          fill={kind === 'primary' && !disabled ? 'var(--primary-button-content-color)' : 'var(--theme-dark-color)'}
+        />
+      {/if}
+    </svelte:fragment>
   </Button>
 </div>