diff --git a/src-tauri/icons/icon.icns b/src-tauri/icons/icon.icns index 77fe1251..93c6f651 100644 Binary files a/src-tauri/icons/icon.icns and b/src-tauri/icons/icon.icns differ diff --git a/src-web/components/Sidebar.tsx b/src-web/components/Sidebar.tsx index 799e8fe7..61f77aa2 100644 --- a/src-web/components/Sidebar.tsx +++ b/src-web/components/Sidebar.tsx @@ -31,10 +31,14 @@ enum ItemTypes { export const Sidebar = memo(function Sidebar({ className }: Props) { const [isResizing, setIsResizing] = useState(false); const sidebarRef = useRef(null); - const requests = useRequests(); + const unorderedRequests = useRequests(); const activeRequest = useActiveRequest(); const createRequest = useCreateRequest({ navigateAfter: true }); const width = useSidebarWidth(); + const requests = useMemo( + () => [...unorderedRequests].sort((a, b) => a.sortPriority - b.sortPriority), + [unorderedRequests], + ); const moveState = useRef<{ move: (e: MouseEvent) => void; up: () => void } | null>(null); const unsub = () => { @@ -124,7 +128,7 @@ export const Sidebar = memo(function Sidebar({ className }: Props) { }); function SidebarItems({ - requests: unorderedRequests, + requests, activeRequestId, sidebarWidth, }: { @@ -134,10 +138,6 @@ function SidebarItems({ }) { const [hoveredIndex, setHoveredIndex] = useState(null); const updateRequest = useUpdateAnyRequest(); - const requests = useMemo( - () => [...unorderedRequests].sort((a, b) => a.sortPriority - b.sortPriority), - [unorderedRequests], - ); const handleMove = useCallback( (id, side) => { diff --git a/src-web/components/core/Dropdown.tsx b/src-web/components/core/Dropdown.tsx index 56dd7679..8582c30c 100644 --- a/src-web/components/core/Dropdown.tsx +++ b/src-web/components/core/Dropdown.tsx @@ -29,7 +29,7 @@ export function Dropdown({ children, items }: DropdownProps) { () => cloneElement(Children.only(children) as never, { ref, - 'aria-has-popup': 'true', + 'aria-haspopup': 'true', onClick: (e: MouseEvent) => { e.preventDefault(); e.stopPropagation();