Hide 80 web port

client/src/helpers/constants.js

@@ -72,3 +72,4 @@ export const SETTINGS_NAMES = {
 };
 
 export const STANDARD_DNS_PORT = 53;
+export const STANDARD_WEB_PORT = 80;

client/src/helpers/helpers.js

@@ -4,7 +4,7 @@ import subHours from 'date-fns/sub_hours';
 import addHours from 'date-fns/add_hours';
 import round from 'lodash/round';
 
-import { STATS_NAMES, STANDARD_DNS_PORT } from './constants';
+import { STATS_NAMES, STANDARD_DNS_PORT, STANDARD_WEB_PORT } from './constants';
 
 export const formatTime = (time) => {
     const parsedTime = dateParse(time);
@@ -111,20 +111,32 @@ export const getIpList = (interfaces) => {
     return list.sort();
 };
 
-export const getAddress = (ip, port = '', isDns = false) => {
-    if (!port) {
-        return isDns ? ip : `http://${ip}`;
-    }
+export const getDnsAddress = (ip, port = '') => {
+    const isStandardDnsPort = port === STANDARD_DNS_PORT;
+    let address = ip;
 
-    if (isDns) {
-        if (ip.includes(':') && port !== STANDARD_DNS_PORT) {
-            return `[${ip}]:${port}`;
-        } else if (port !== STANDARD_DNS_PORT) {
-            return `${ip}:${port}`;
+    if (port) {
+        if (ip.includes(':') && !isStandardDnsPort) {
+            address = `[${ip}]:${port}`;
+        } else if (!isStandardDnsPort) {
+            address = `${ip}:${port}`;
         }
-
-        return ip;
     }
 
-    return ip.includes(':') ? `http://[${ip}]:${port}` : `http://${ip}:${port}`;
+    return address;
+};
+
+export const getWebAddress = (ip, port = '') => {
+    const isStandardWebPort = port === STANDARD_WEB_PORT;
+    let address = `http://${ip}`;
+
+    if (port) {
+        if (ip.includes(':') && !isStandardWebPort) {
+            address = `http://[${ip}]:${port}`;
+        } else if (!isStandardWebPort) {
+            address = `http://${ip}:${port}`;
+        }
+    }
+
+    return address;
 };

client/src/install/Setup/AddressList.js

@@ -1,16 +1,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { getIpList, getAddress } from '../../helpers/helpers';
+import { getIpList, getDnsAddress, getWebAddress } from '../../helpers/helpers';
 
 const AddressList = (props) => {
-    let webAddress = getAddress(props.address, props.port);
-    let dnsAddress = getAddress(props.address, props.port, true);
+    let webAddress = getWebAddress(props.address, props.port);
+    let dnsAddress = getDnsAddress(props.address, props.port);
 
     if (props.address === '0.0.0.0') {
         return getIpList(props.interfaces).map((ip) => {
-            webAddress = getAddress(ip, props.port);
-            dnsAddress = getAddress(ip, props.port, true);
+            webAddress = getWebAddress(ip, props.port);
+            dnsAddress = getDnsAddress(ip, props.port);
 
             if (props.isDns) {
                 return (

client/src/install/Setup/Submit.js

@@ -6,7 +6,7 @@ import { Trans, withNamespaces } from 'react-i18next';
 import flow from 'lodash/flow';
 
 import Controls from './Controls';
-import { getAddress } from '../../helpers/helpers';
+import { getWebAddress } from '../../helpers/helpers';
 
 let Submit = props => (
     <div className="setup__step">
@@ -20,7 +20,7 @@ let Submit = props => (
         </div>
         <Controls
             openDashboard={props.openDashboard}
-            address={getAddress(props.webIp, props.webPort)}
+            address={getWebAddress(props.webIp, props.webPort)}
         />
     </div>
 );