Merge branch 'convert-cell-to-styled-component'

1 files changed, 6 insertions, 5 deletions

diff --git a/gui/src/renderer/components/SelectLanguage.tsx b/gui/src/renderer/components/SelectLanguage.tsx
index 254272cc46..1a294a05ba 100644
--- a/gui/src/renderer/components/SelectLanguage.tsx
+++ b/gui/src/renderer/components/SelectLanguage.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { Component, Styles, View } from 'reactxp';
+import styled from 'styled-components';
 import { colors } from '../../config.json';
 import { messages } from '../../shared/gettext';
 import CustomScrollbars from './CustomScrollbars';
@@ -35,15 +36,16 @@ const styles = {
   container: Styles.createViewStyle({
     flex: 1,
   }),
-  selector: Styles.createViewStyle({
-    marginBottom: 0,
-  }),
   // plain CSS style
   scrollview: {
     flex: 1,
   },
 };
 
+const StyledSelector = (styled(Selector)({
+  marginBottom: 0,
+}) as unknown) as new <T>() => Selector<T>;
+
 export default class SelectLanguage extends Component<IProps, IState> {
   private scrollView = React.createRef<CustomScrollbars>();
   private selectedCellRef = React.createRef<SelectorCell<string>>();
@@ -92,8 +94,7 @@ export default class SelectLanguage extends Component<IProps, IState> {
                       {messages.pgettext('select-language-nav', 'Select language')}
                     </HeaderTitle>
                   </SettingsHeader>
-                  <Selector
-                    style={styles.selector}
+                  <StyledSelector
                     title=""
                     values={this.state.source}
                     value={this.props.preferredLocale}