- Apply new list attrs to the dropdown and tabs

Team-BTMC · Nov 20, 2024 · c66174d · c66174d
1 parent 850faac
commit c66174d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/renderer/src/components/dropdown-list/DropdownListItem.tsx b/src/renderer/src/components/dropdown-list/DropdownListItem.tsx
@@ -7,7 +7,7 @@ export type Props = JSX.IntrinsicElements["button"];
 const DropdownListItem: Component<Props> = (props) => {
   const state = useDropdownList();
   const value = state.namespace.create();
-  const { attrs, tabIndex, isSelected } = state.item(value, {
+  const { attrs, tabIndex } = state.item(value, {
     onPointerMove: state.handleItemPointerMove,
   });
 
@@ -19,10 +19,7 @@ const DropdownListItem: Component<Props> = (props) => {
     <RawList.Item
       onPointerLeave={state.handleItemPointerLeave}
       tabIndex={tabIndex()}
-      classList={{
-        "bg-overlay/30": state.isHighlighted() && isSelected(),
-      }}
-      {...attrs}
+      {...attrs()}
       {...props}
     />
   );

diff --git a/src/renderer/src/components/tabs/TabsTrigger.tsx b/src/renderer/src/components/tabs/TabsTrigger.tsx
@@ -16,7 +16,7 @@ const TabsTrigger: Component<Props> = (_props) => {
     <button
       data-selected={isSelected()}
       tabIndex={tabIndex()}
-      {...attrs}
+      {...attrs()}
       {...rest}
       class={cn(
         "ring-offset-background z-10 flex h-[33px] items-center gap-2 rounded-lg px-3 text-subtext transition-colors",