diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2021-02-02 08:28:48 +0100 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2021-02-02 11:52:22 +0100 |
| commit | a5de39af0209aec63e8de5defb0ebd277c975409 (patch) | |
| tree | 18c0bde38dd053550885a2fb3197c4c08a050f48 /gui/src | |
| parent | 29d936190a7969bd829db34cd1126e568b054329 (diff) | |
| download | mullvadvpn-a5de39af0209aec63e8de5defb0ebd277c975409.tar.xz mullvadvpn-a5de39af0209aec63e8de5defb0ebd277c975409.zip | |
Add placeholder to custom DNS input
Diffstat (limited to 'gui/src')
| -rw-r--r-- | gui/src/renderer/components/AdvancedSettings.tsx | 1 | ||||
| -rw-r--r-- | gui/src/renderer/components/cell/Input.tsx | 2 |
2 files changed, 3 insertions, 0 deletions
diff --git a/gui/src/renderer/components/AdvancedSettings.tsx b/gui/src/renderer/components/AdvancedSettings.tsx index 90b1de370e..f0510a91be 100644 --- a/gui/src/renderer/components/AdvancedSettings.tsx +++ b/gui/src/renderer/components/AdvancedSettings.tsx @@ -461,6 +461,7 @@ export default class AdvancedSettings extends React.Component<IProps, IState> { {this.state.showAddCustomDns && ( <div ref={this.customDnsInputContainerRef}> <Cell.RowInput + placeholder={messages.pgettext('advanced-settings-view', 'e.g. 10.0.0.4')} onSubmit={this.addDnsAddress} onChange={this.addDnsInputChange} invalid={this.state.invalidDnsIp} diff --git a/gui/src/renderer/components/cell/Input.tsx b/gui/src/renderer/components/cell/Input.tsx index 0ab5b4c493..f464adf269 100644 --- a/gui/src/renderer/components/cell/Input.tsx +++ b/gui/src/renderer/components/cell/Input.tsx @@ -244,6 +244,7 @@ interface IRowInputProps { paddingLeft?: number; invalid?: boolean; autofocus?: boolean; + placeholder?: string; } export function RowInput(props: IRowInputProps) { @@ -309,6 +310,7 @@ export function RowInput(props: IRowInputProps) { invalid={props.invalid} onFocus={props.onFocus} onBlur={props.onBlur} + placeholder={props.placeholder} /> </StyledInputWrapper> <StyledSubmitButton onClick={submit}> |