diff --git a/packages/harmony/src/components/button/FilterButton/FilterButton.tsx b/packages/harmony/src/components/button/FilterButton/FilterButton.tsx index 9ff5166fec7..d6cbb7577cb 100644 --- a/packages/harmony/src/components/button/FilterButton/FilterButton.tsx +++ b/packages/harmony/src/components/button/FilterButton/FilterButton.tsx @@ -16,7 +16,7 @@ export const FilterButton = forwardRef( label, options, onSelect, - isDisabled, + disabled, variant = 'fillContainer', size = 'default', iconRight = IconCaretDown, @@ -90,6 +90,7 @@ export const FilterButton = forwardRef( fontSize: typography.size.s, fontWeight: typography.weight.demiBold, lineHeight: typography.lineHeight.s, + opacity: disabled ? 0.6 : 1, '&:hover': { border: `1px solid ${color.neutral.n800}`, @@ -173,7 +174,7 @@ export const FilterButton = forwardRef( ? IconCloseAlt : iconRight } - disabled={isDisabled} + disabled={disabled} aria-haspopup='listbox' aria-expanded={isOpen} > diff --git a/packages/harmony/src/components/button/FilterButton/types.ts b/packages/harmony/src/components/button/FilterButton/types.ts index 41f41a3220b..d8668a31e19 100644 --- a/packages/harmony/src/components/button/FilterButton/types.ts +++ b/packages/harmony/src/components/button/FilterButton/types.ts @@ -68,7 +68,7 @@ export type FilterButtonProps = { /** * Whether interaction is disabled */ - isDisabled?: boolean + disabled?: boolean /** * Popup anchor origin diff --git a/packages/web/src/components/upload/TrackPreview.tsx b/packages/web/src/components/upload/TrackPreview.tsx index 4fed8450824..0cd15b49fcc 100644 --- a/packages/web/src/components/upload/TrackPreview.tsx +++ b/packages/web/src/components/upload/TrackPreview.tsx @@ -161,7 +161,7 @@ export const TrackPreview = (props: TrackPreviewProps) => { onSelect={(label) => onEditStemCategory(label as StemCategory)} selection={stemCategory?.toString() ?? null} popupZIndex={zIndex.STEMS_AND_DOWNLOADS_FILTER_BUTTON_POPUP} - isDisabled={!allowCategorySwitch} + disabled={!allowCategorySwitch} /> ) : null} diff --git a/packages/web/src/pages/dashboard-page/components/ArtistContentSection.tsx b/packages/web/src/pages/dashboard-page/components/ArtistContentSection.tsx index 0482593d63f..b94a3c8f584 100644 --- a/packages/web/src/pages/dashboard-page/components/ArtistContentSection.tsx +++ b/packages/web/src/pages/dashboard-page/components/ArtistContentSection.tsx @@ -116,7 +116,7 @@ export const ArtistContentSection = () => { options={filterButtonOptions} popupAnchorOrigin={{ vertical: 'bottom', horizontal: 'left' }} popupTransformOrigin={{ vertical: 'top', horizontal: 'left' }} - isDisabled={isFilterButtonDisabled} + disabled={isFilterButtonDisabled} />