summaryrefslogtreecommitdiffhomepage
path: root/app/components/AdvancedSettings.js
diff options
context:
space:
mode:
authorAndrej Mihajlov <and@mullvad.net>2018-06-14 11:30:10 +0200
committerAndrej Mihajlov <and@mullvad.net>2018-06-14 11:30:10 +0200
commite72bab3f6bfa30c3e9efe1b0b76253fd0fadf621 (patch)
tree5729e660abe0383b974a17f3bdd0a3ea54f6d85b /app/components/AdvancedSettings.js
parent88dea50f85c7b8b546324ca5985f06b43fa815ba (diff)
parentdafa48167483f2e8db40939d7a220fc1441b046a (diff)
downloadmullvadvpn-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.js32
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) => {