[ ] Popovers and tooltips should always be placed on interactable elements (like buttons or links) to make sure they can be triggered via a keyboard or screen reader interaction. So this Popover on the dashboard should have it's trigger contents wrapped in a plain button with an aria-label -> <Button variant="plain" aria-label="more information"><OutlinedQuestionCircleIcon /><Button>
[ ] If you wrap the icons in the DownloadDropdown and ViewDropdown in a PF Icon component and pass them to the MenuToggle'sicon prop, the formatting will be more correct. i.e. <MenuToggle ... icon={<Icon><DownloadIcon /></Icon>}>
[ ] Wrapping the Spinner in a Bullseye layout will center the loading Spinnerhere. i.e. return <Bullseye><Spinner /></Bullseye>;
<Button variant="plain" aria-label="more information"><OutlinedQuestionCircleIcon /><Button>
Icon
component and pass them to theMenuToggle's
icon
prop, the formatting will be more correct. i.e.<MenuToggle ... icon={<Icon><DownloadIcon /></Icon>}>
Spinner
in aBullseye
layout will center the loadingSpinner
here. i.e.return <Bullseye><Spinner /></Bullseye>;