From 71d8588091a152e80feaee1b771604144e54928a Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 15 Dec 2025 16:47:53 +0200
Subject: [PATCH] feat(note_type_switcher): use arrows next to dropdowns

---
 apps/client/src/widgets/react/Badge.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/widgets/react/Badge.tsx b/apps/client/src/widgets/react/Badge.tsx
index dea4158ca..b8aa9c218 100644
--- a/apps/client/src/widgets/react/Badge.tsx
+++ b/apps/client/src/widgets/react/Badge.tsx
@@ -14,7 +14,7 @@ interface SimpleBadgeProps {
 }
 
 interface BadgeProps extends Pick<HTMLAttributes<HTMLDivElement>, "onClick" | "style"> {
-    text?: string;
+    text?: ComponentChildren;
     icon?: string;
     className?: string;
     tooltip?: string;
@@ -51,14 +51,18 @@ export function Badge({ icon, className, text, tooltip, href, ...containerProps
     );
 }
 
-export function BadgeWithDropdown({ children, tooltip, className, dropdownOptions, ...props }: BadgeProps & {
+export function BadgeWithDropdown({ text, children, tooltip, className, dropdownOptions, ...props }: BadgeProps & {
     children: ComponentChildren,
     dropdownOptions?: Partial<DropdownProps>
 }) {
     return (
         <Dropdown
             className={`dropdown-badge dropdown-${className}`}
-            text={<Badge className={className} {...props} />}
+            text={<Badge
+                text={<>{text} <Icon icon="bx bx-chevron-down" /></>}
+                className={className}
+                {...props}
+            />}
             noDropdownListStyle
             noSelectButtonStyle
             hideToggleArrow