diff --git a/site/src/components/DropdownMenu/DropdownMenu.tsx b/site/src/components/DropdownMenu/DropdownMenu.tsx index 96b1c38c05..17a9c3bdfc 100644 --- a/site/src/components/DropdownMenu/DropdownMenu.tsx +++ b/site/src/components/DropdownMenu/DropdownMenu.tsx @@ -165,6 +165,7 @@ export const DropdownMenuRadioItem = forwardRef< "relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none transition-colors", "focus:bg-surface-secondary focus:text-content-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "data-[state=checked]:bg-surface-secondary data-[state=checked]:text-content-primary", + "font-medium", ], className, )} diff --git a/site/src/components/Filter/Filter.tsx b/site/src/components/Filter/Filter.tsx index 972daa3fab..2e23869108 100644 --- a/site/src/components/Filter/Filter.tsx +++ b/site/src/components/Filter/Filter.tsx @@ -11,6 +11,8 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, + DropdownMenuRadioGroup, + DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "components/DropdownMenu/DropdownMenu"; @@ -223,6 +225,7 @@ export const Filter: FC = ({ ) : ( <> filter.update(query)} presets={presets} learnMoreLink={learnMoreLink} @@ -265,6 +268,7 @@ export const Filter: FC = ({ }; interface PresetMenuProps { + value: string; presets: PresetFilter[]; learnMoreLink?: string; learnMoreLabel2?: string; @@ -273,6 +277,7 @@ interface PresetMenuProps { } const PresetMenu: FC = ({ + value, presets, learnMoreLink, learnMoreLabel2, @@ -288,14 +293,17 @@ const PresetMenu: FC = ({ - {presets.map((presetFilter) => ( - onSelect(presetFilter.query)} - key={presetFilter.name} - > - {presetFilter.name} - - ))} + + {presets.map((presetFilter) => ( + onSelect(presetFilter.query)} + key={presetFilter.name} + > + {presetFilter.name} + + ))} + {(learnMoreLink || learnMoreLink2) && } {learnMoreLink && (