fix(sidebar): add aria-label to collapsed menu trigger buttons

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/collapsed-sidebar-menu/collapsed-sidebar-menu.tsx

@@ -18,6 +18,7 @@ interface CollapsedSidebarMenuProps {
   icon: React.ReactNode
   hover: ReturnType<typeof useHoverMenu>
   onClick?: () => void
+  ariaLabel?: string
   children: React.ReactNode
   className?: string
 }
@@ -26,6 +27,7 @@ export function CollapsedSidebarMenu({
   icon,
   hover,
   onClick,
+  ariaLabel,
   children,
   className,
 }: CollapsedSidebarMenuProps) {
@@ -43,6 +45,7 @@ export function CollapsedSidebarMenu({
           <DropdownMenuTrigger asChild>
             <button
               type='button'
+              aria-label={ariaLabel}
               className='mx-[2px] flex h-[30px] items-center rounded-[8px] px-[8px] hover:bg-[var(--surface-active)]'
               onClick={onClick}
             >

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/sidebar.tsx

@@ -1080,6 +1080,7 @@ export const Sidebar = memo(function Sidebar() {
                       }
                       hover={tasksHover}
                       onClick={() => router.push(`/workspace/${workspaceId}/home`)}
+                      ariaLabel='Tasks'
                     >
                       {tasksLoading ? (
                         <DropdownMenuItem disabled>
@@ -1201,6 +1202,7 @@ export const Sidebar = memo(function Sidebar() {
                     }
                     hover={workflowsHover}
                     onClick={handleCreateWorkflow}
+                    ariaLabel='Workflows'
                     className='mt-[14px]'
                   >
                     {workflowsLoading && regularWorkflows.length === 0 ? (