mirrors/AdGuardHome
1
0
Fork 0
mirror of https://github.com/AdguardTeam/AdGuardHome.git synced 2024-11-27 09:18:58 +03:00
Code Issues Projects Releases Packages Wiki Activity

Show port in interface and dns address

Browse source
This commit is contained in:
Ildar Kamalov 2019-01-31 12:16:08 +03:00 committed by Eugene Bujak
parent 302c3a767a
commit 924afea22b
1 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
client/src/install/Setup/Settings.js
View file

@ -36,9 +36,13 @@ let Settings = (props) => {
const {
handleSubmit,
interfaceIp,
interfacePort,
dnsIp,
dnsPort,
invalid,
} = props;
const dnsAddress = dnsPort && dnsPort !== 53 ? `${dnsIp}:${dnsPort}` : dnsIp;
const interfaceAddress = interfacePort ? `http://${interfaceIp}:${interfacePort}` : `http://${interfaceIp}`;
return (
<form className="setup__step" onSubmit={handleSubmit}>
@ -82,7 +86,7 @@ let Settings = (props) => {
<div className="setup__desc">
<Trans
components={[<a href={`http://${interfaceIp}`} key="0">link</a>]}
values={{ link: `http://${interfaceIp}` }}
values={{ link: interfaceAddress }}
>
install_settings_interface_link
</Trans>
@ -128,7 +132,7 @@ let Settings = (props) => {
<p className="setup__desc">
<Trans
components={[<strong key="0">ip</strong>]}
values={{ ip: dnsIp }}
values={{ ip: dnsAddress }}
>
install_settings_dns_desc
</Trans>
@ -143,24 +147,38 @@ Settings.propTypes = {
handleSubmit: PropTypes.func.isRequired,
interfaceIp: PropTypes.string.isRequired,
dnsIp: PropTypes.string.isRequired,
interfacePort: PropTypes.oneOfType([
PropTypes.string,
PropTypes.number,
]),
dnsPort: PropTypes.oneOfType([
PropTypes.string,
PropTypes.number,
]),
invalid: PropTypes.bool.isRequired,
initialValues: PropTypes.object,
};
Settings.defaultProps = {
interfaceIp: '192.168.0.1',
interfacePort: 3000,
dnsIp: '192.168.0.1',
dnsPort: 53,
};
const selector = formValueSelector('install');
Settings = connect((state) => {
const interfaceIp = selector(state, 'web.ip');
const interfacePort = selector(state, 'web.port');
const dnsIp = selector(state, 'dns.ip');
const dnsPort = selector(state, 'dns.port');
return {
interfaceIp,
interfacePort,
dnsIp,
dnsPort,
};
})(Settings);