summaryrefslogtreecommitdiff
path: root/src/components/ButtonMenu.tsx
diff options
context:
space:
mode:
authorSam Nystrom <sam@samnystrom.dev>2024-03-16 22:53:40 -0400
committerSam Nystrom <sam@samnystrom.dev>2024-03-16 22:53:40 -0400
commitf64fa3b82638c8b4ec72b2e09a6341a44745ff46 (patch)
treec750c7eb9e4d5484d13e09364c96ac17ededdcf7 /src/components/ButtonMenu.tsx
parent3b8c7e391e1f370af74df30a14a699a49543f918 (diff)
fix: fix ButtonMenu icon rotation
Diffstat (limited to 'src/components/ButtonMenu.tsx')
-rw-r--r--src/components/ButtonMenu.tsx6
1 files changed, 5 insertions, 1 deletions
diff --git a/src/components/ButtonMenu.tsx b/src/components/ButtonMenu.tsx
index f4427b3..1cb518a 100644
--- a/src/components/ButtonMenu.tsx
+++ b/src/components/ButtonMenu.tsx
@@ -3,6 +3,7 @@ import { useEffect, useCallback, useRef, useId } from 'preact/hooks';
import { useSignal, batch } from '@preact/signals';
import Button from './Button.tsx';
import Menu from './Menu.tsx';
+import chevronRight from '../icons/chevron-right.svg';
import './ButtonMenu.css';
export interface ButtonMenuProps {
@@ -31,7 +32,10 @@ const ButtonMenu = ({ children, label }: ButtonMenuProps) => {
onScroll={updateRect}
style={`--anchor-x: ${x}px; --anchor-y: ${y}px;`}
>
- <Button kind="ghost" popoverTarget={id}>{label}</Button>
+ <Button kind="ghost" popoverTarget={id}>
+ <img src={chevronRight} />
+ {label}
+ </Button>
<Menu id={id} popover="auto">
{children}
</Menu>