Skip to content

Commit 4e85fce

Browse files
authored
fix: re-enable theme switcher hc beta label (#4836)
1 parent e354730 commit 4e85fce

File tree

1 file changed

+18
-13
lines changed

1 file changed

+18
-13
lines changed

packages/documentation-framework/components/themeSelector/themeSelector.js

Lines changed: 18 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -66,29 +66,34 @@ const HighContrastGroupLabel = () => {
6666
High contrast{' '}
6767
<Popover
6868
onClick={(e) => e.stopPropagation()}
69-
headerContent={"Under development"}
69+
headerContent={'Under development'}
7070
headerComponent="h1"
7171
bodyContent={
72-
"We are still working to add high contrast support across all PatternFly components and extensions. This beta allows you to preview our progress."
72+
'We are still working to add high contrast support across all PatternFly components and extensions. This beta allows you to preview our progress.'
7373
}
7474
footerContent={
75-
<Button icon={<ExternalLinkAltIcon />} component="a" isInline variant="link" href="/design-foundations/theming" target="_blank">
75+
<Button
76+
icon={<ExternalLinkAltIcon />}
77+
component="a"
78+
isInline
79+
variant="link"
80+
href="/design-foundations/theming"
81+
target="_blank"
82+
>
7683
Learn more
7784
</Button>
7885
}
7986
aria-label="More info about high contrast"
8087
appendTo={() => document.body}
8188
>
82-
<Button
83-
variant="plain"
84-
hasNoPadding
85-
icon={<HelpIcon />}
86-
aria-label="High contrast help"
87-
/>
88-
</Popover>{' '}&nbsp;
89-
<Label color="blue" isCompact>Beta</Label>
89+
<Button variant="plain" hasNoPadding icon={<HelpIcon />} aria-label="High contrast help" />
90+
</Popover>{' '}
91+
&nbsp;
92+
<Label color="blue" isCompact>
93+
Beta
94+
</Label>
9095
</div>
91-
)
96+
);
9297
};
9398

9499
export const ThemeSelector = ({ id }) => {
@@ -173,7 +178,7 @@ export const ThemeSelector = ({ id }) => {
173178
{process.env.hasHighContrastSwitcher && (
174179
<>
175180
<Divider />
176-
<SelectGroup label="High Contrast">
181+
<SelectGroup label={HighContrastGroupLabel}>
177182
<MenuSearch>
178183
<MenuSearchInput>
179184
<ToggleGroup aria-label="High contrast theme switcher">

0 commit comments

Comments
 (0)