diff options
| author | Andrej Mihajlov <and@mullvad.net> | 2018-06-14 11:30:10 +0200 |
|---|---|---|
| committer | Andrej Mihajlov <and@mullvad.net> | 2018-06-14 11:30:10 +0200 |
| commit | e72bab3f6bfa30c3e9efe1b0b76253fd0fadf621 (patch) | |
| tree | 5729e660abe0383b974a17f3bdd0a3ea54f6d85b /app/components/AdvancedSettings.js | |
| parent | 88dea50f85c7b8b546324ca5985f06b43fa815ba (diff) | |
| parent | dafa48167483f2e8db40939d7a220fc1441b046a (diff) | |
| download | mullvadvpn-e72bab3f6bfa30c3e9efe1b0b76253fd0fadf621.tar.xz mullvadvpn-e72bab3f6bfa30c3e9efe1b0b76253fd0fadf621.zip | |
Merge branch 'remove-flowtyped-from-repo'
Diffstat (limited to 'app/components/AdvancedSettings.js')
| -rw-r--r-- | app/components/AdvancedSettings.js | 32 |
1 files changed, 18 insertions, 14 deletions
diff --git a/app/components/AdvancedSettings.js b/app/components/AdvancedSettings.js index eca00a4da1..ed865036e1 100644 --- a/app/components/AdvancedSettings.js +++ b/app/components/AdvancedSettings.js @@ -8,14 +8,14 @@ import CustomScrollbars from './CustomScrollbars'; import styles from './AdvancedSettingsStyles'; import Img from './Img'; -export class AdvancedSettings extends Component { - props: { - protocol: string, - port: string | number, - onUpdate: (protocol: string, port: string | number) => void, - onClose: () => void, - }; +type AdvancedSettingsProps = { + protocol: string, + port: string | number, + onUpdate: (protocol: string, port: string | number) => void, + onClose: () => void, +}; +export class AdvancedSettings extends Component<AdvancedSettingsProps> { render() { let portSelector = null; let protocol = this.props.protocol.toUpperCase(); @@ -64,14 +64,18 @@ export class AdvancedSettings extends Component { } } -class Selector extends Component { - props: { - title: string, - values: Array<*>, - value: *, - onSelect: (*) => void, - }; +type SelectorProps<T> = { + title: string, + values: Array<T>, + value: T, + onSelect: (T) => void, +}; + +type SelectorState = { + hoveredButtonIndex: number, +}; +class Selector extends Component<SelectorProps<*>, SelectorState> { state = { hoveredButtonIndex: -1 }; handleButtonHover = (value) => { |
