55 lines
1.3 KiB
JavaScript
55 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
import { getIpList, getDnsAddress, getWebAddress } from '../../helpers/helpers';
|
|
import { ALL_INTERFACES_IP } from '../../helpers/constants';
|
|
|
|
const renderItem = ({
|
|
ip, port, isDns,
|
|
}) => {
|
|
const webAddress = getWebAddress(ip, port);
|
|
const dnsAddress = getDnsAddress(ip, port);
|
|
|
|
return <li key={ip}>{isDns
|
|
? <strong>{dnsAddress}</strong>
|
|
: <a href={webAddress} target="_blank" rel="noopener noreferrer">{webAddress}</a>
|
|
}
|
|
</li>;
|
|
};
|
|
|
|
const AddressList = ({
|
|
address,
|
|
interfaces,
|
|
port,
|
|
isDns,
|
|
}) => <ul className="list-group pl-4">{
|
|
address === ALL_INTERFACES_IP
|
|
? getIpList(interfaces)
|
|
.map((ip) => renderItem({
|
|
ip,
|
|
port,
|
|
isDns,
|
|
}))
|
|
: renderItem({
|
|
ip: address,
|
|
port,
|
|
isDns,
|
|
})
|
|
}
|
|
</ul>;
|
|
|
|
AddressList.propTypes = {
|
|
interfaces: PropTypes.object.isRequired,
|
|
address: PropTypes.string.isRequired,
|
|
port: PropTypes.number.isRequired,
|
|
isDns: PropTypes.bool,
|
|
};
|
|
|
|
renderItem.propTypes = {
|
|
ip: PropTypes.string.isRequired,
|
|
port: PropTypes.number.isRequired,
|
|
isDns: PropTypes.bool.isRequired,
|
|
};
|
|
|
|
export default AddressList;
|