From a02235f2bdf40fddbb5111077843ee2790e84431 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 8 Dec 2025 16:03:12 +0200
Subject: [PATCH] feat(breadcrumb): set up dropdown

---
 apps/client/src/widgets/Breadcrumb.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/widgets/Breadcrumb.tsx b/apps/client/src/widgets/Breadcrumb.tsx
index dc1b07233..eacf79ed7 100644
--- a/apps/client/src/widgets/Breadcrumb.tsx
+++ b/apps/client/src/widgets/Breadcrumb.tsx
@@ -3,6 +3,8 @@ import "./Breadcrumb.css";
 import ActionButton from "./react/ActionButton";
 import { useNoteContext } from "./react/hooks";
 import NoteLink from "./react/NoteLink";
+import Dropdown from "./react/Dropdown";
+import Icon from "./react/Icon";
 
 export default function Breadcrumb() {
     const { noteContext } = useNoteContext();
@@ -31,10 +33,14 @@ function BreadcrumbItem({ notePath }: { notePath: string }) {
 
 function BreadcrumbSeparator({ notePath }: { notePath: string}) {
     return (
-        <ActionButton
-            icon="bx bx-chevron-right"
-            text=""
-        />
+        <Dropdown
+            text={<Icon icon="bx bx-chevron-right" />}
+            noSelectButtonStyle
+            buttonClassName="icon-action"
+            hideToggleArrow
+        >
+            Content goes here.
+        </Dropdown>
     )
 }