import React, { Fragment } from 'react'; import PropTypes from 'prop-types'; import { Trans, withTranslation } from 'react-i18next'; import Tabs from './Tabs'; import Icons from './Icons'; const Guide = (props) => { const { dnsAddresses } = props; const tlsAddress = (dnsAddresses && dnsAddresses.filter((item) => item.includes('tls://'))) || ''; const httpsAddress = (dnsAddresses && dnsAddresses.filter((item) => item.includes('https://'))) || ''; const showDnsPrivacyNotice = httpsAddress.length < 1 && tlsAddress.length < 1; return (
install_devices_router

install_devices_router_desc

  1. install_devices_router_list_1
  2. install_devices_router_list_2
  3. install_devices_router_list_3
  4. install_devices_router_list_4
Windows
  1. install_devices_windows_list_1
  2. install_devices_windows_list_2
  3. install_devices_windows_list_3
  4. install_devices_windows_list_4
  5. install_devices_windows_list_5
  6. install_devices_windows_list_6
macOS
  1. install_devices_macos_list_1
  2. install_devices_macos_list_2
  3. install_devices_macos_list_3
  4. install_devices_macos_list_4
Android
  1. install_devices_android_list_1
  2. install_devices_android_list_2
  3. install_devices_android_list_3
  4. install_devices_android_list_4
  5. install_devices_android_list_5
iOS
  1. install_devices_ios_list_1
  2. install_devices_ios_list_2
  3. install_devices_ios_list_3
  4. install_devices_ios_list_4
dns_privacy
{tlsAddress && tlsAddress.length > 0 && (
text, text, ]} > setup_dns_privacy_1
)} {httpsAddress && httpsAddress.length > 0 && (
text, text, ]} > setup_dns_privacy_2
)} {showDnsPrivacyNotice && (
link , text, ]} > setup_dns_notice
)} {!showDnsPrivacyNotice && (
text

]}> setup_dns_privacy_3
Android
  • setup_dns_privacy_android_1
  • link , text, ]} > setup_dns_privacy_android_2
  • link , text, ]} > setup_dns_privacy_android_3
iOS
  • link , text, link , ]} > setup_dns_privacy_ios_1
  • link , text, ]} > setup_dns_privacy_ios_2
setup_dns_privacy_other_title
  • setup_dns_privacy_other_1
  • link , ]} > setup_dns_privacy_other_2
  • link , text, ]} > setup_dns_privacy_other_3
  • link , text, ]} > setup_dns_privacy_other_4
  • link , link , ]} > setup_dns_privacy_other_5
)}
); }; Guide.defaultProps = { dnsAddresses: [], }; Guide.propTypes = { dnsAddresses: PropTypes.array, t: PropTypes.func.isRequired, }; export default withTranslation()(Guide);