diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2020-09-21 11:57:52 +0200 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2020-09-21 13:12:34 +0200 |
| commit | 2e279d51da224f93bfd6236606dd0f1b9ca68840 (patch) | |
| tree | 0f3a0d0f3bf5c2b1e6d03e25e787a02c97326f20 /gui/src | |
| parent | 89a25b4407c009220aed28a3d372089b1d0be0f3 (diff) | |
| download | mullvadvpn-2e279d51da224f93bfd6236606dd0f1b9ca68840.tar.xz mullvadvpn-2e279d51da224f93bfd6236606dd0f1b9ca68840.zip | |
Wrap language selector in AriaInputGroup
Diffstat (limited to 'gui/src')
| -rw-r--r-- | gui/src/renderer/components/SelectLanguage.tsx | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/gui/src/renderer/components/SelectLanguage.tsx b/gui/src/renderer/components/SelectLanguage.tsx index 30a37a8a1d..c093aff2a2 100644 --- a/gui/src/renderer/components/SelectLanguage.tsx +++ b/gui/src/renderer/components/SelectLanguage.tsx @@ -3,6 +3,7 @@ import ReactDOM from 'react-dom'; import styled from 'styled-components'; import { colors } from '../../config.json'; import { messages } from '../../shared/gettext'; +import { AriaInputGroup } from './AriaGroup'; import CustomScrollbars from './CustomScrollbars'; import { Container, Layout } from './Layout'; import { @@ -85,13 +86,15 @@ export default class SelectLanguage extends React.Component<IProps, IState> { {messages.pgettext('select-language-nav', 'Select language')} </HeaderTitle> </SettingsHeader> - <StyledSelector - title="" - values={this.state.source} - value={this.props.preferredLocale} - onSelect={this.props.setPreferredLocale} - selectedCellRef={this.selectedCellRef} - /> + <AriaInputGroup> + <StyledSelector + title="" + values={this.state.source} + value={this.props.preferredLocale} + onSelect={this.props.setPreferredLocale} + selectedCellRef={this.selectedCellRef} + /> + </AriaInputGroup> </StyledNavigationScrollbars> </NavigationContainer> </StyledContainer> |