refactor

web/src/components/Settings/SecondarySettingsComponent.jsx

@@ -0,0 +1,142 @@
+import { useTranslation } from 'react-i18next'
+import TextField from '@material-ui/core/TextField'
+import { FormControlLabel, InputLabel, Select, Switch } from '@material-ui/core'
+
+import { SecondarySettingsContent, SettingSectionLabel } from './style'
+
+export default function SecondarySettingsComponent({ settings, inputForm }) {
+  const { t } = useTranslation()
+
+  const {
+    RetrackersMode,
+    TorrentDisconnectTimeout,
+    EnableIPv6,
+    ForceEncrypt,
+    DisableTCP,
+    DisableUTP,
+    DisableUPNP,
+    DisableDHT,
+    DisablePEX,
+    DisableUpload,
+    DownloadRateLimit,
+    UploadRateLimit,
+    ConnectionsLimit,
+    DhtConnectionLimit,
+    PeersListenPort,
+  } = settings || {}
+
+  return (
+    <SecondarySettingsContent>
+      <SettingSectionLabel>{t('SettingsDialog.AdditionalSettings')}</SettingSectionLabel>
+
+      <FormControlLabel
+        control={<Switch checked={EnableIPv6} onChange={inputForm} id='EnableIPv6' color='primary' />}
+        label='IPv6'
+      />
+      <br />
+      <FormControlLabel
+        control={<Switch checked={!DisableTCP} onChange={inputForm} id='DisableTCP' color='primary' />}
+        label='TCP (Transmission Control Protocol)'
+      />
+      <br />
+      <FormControlLabel
+        control={<Switch checked={!DisableUTP} onChange={inputForm} id='DisableUTP' color='primary' />}
+        label='μTP (Micro Transport Protocol)'
+      />
+      <br />
+      <FormControlLabel
+        control={<Switch checked={!DisablePEX} onChange={inputForm} id='DisablePEX' color='primary' />}
+        label='PEX (Peer Exchange)'
+      />
+      <br />
+      <FormControlLabel
+        control={<Switch checked={ForceEncrypt} onChange={inputForm} id='ForceEncrypt' color='primary' />}
+        label={t('SettingsDialog.ForceEncrypt')}
+      />
+      <br />
+      <TextField
+        onChange={inputForm}
+        margin='dense'
+        id='TorrentDisconnectTimeout'
+        label={t('SettingsDialog.TorrentDisconnectTimeout')}
+        value={TorrentDisconnectTimeout}
+        type='number'
+        fullWidth
+      />
+      <br />
+      <TextField
+        onChange={inputForm}
+        margin='dense'
+        id='ConnectionsLimit'
+        label={t('SettingsDialog.ConnectionsLimit')}
+        value={ConnectionsLimit}
+        type='number'
+        fullWidth
+      />
+      <br />
+      <FormControlLabel
+        control={<Switch checked={!DisableDHT} onChange={inputForm} id='DisableDHT' color='primary' />}
+        label={t('SettingsDialog.DHT')}
+      />
+      <br />
+      <TextField
+        onChange={inputForm}
+        margin='dense'
+        id='DhtConnectionLimit'
+        label={t('SettingsDialog.DhtConnectionLimit')}
+        value={DhtConnectionLimit}
+        type='number'
+        fullWidth
+      />
+      <br />
+      <TextField
+        onChange={inputForm}
+        margin='dense'
+        id='DownloadRateLimit'
+        label={t('SettingsDialog.DownloadRateLimit')}
+        value={DownloadRateLimit}
+        type='number'
+        fullWidth
+      />
+      <br />
+      <FormControlLabel
+        control={<Switch checked={!DisableUpload} onChange={inputForm} id='DisableUpload' color='primary' />}
+        label={t('SettingsDialog.Upload')}
+      />
+      <br />
+      <TextField
+        onChange={inputForm}
+        margin='dense'
+        id='UploadRateLimit'
+        label={t('SettingsDialog.UploadRateLimit')}
+        value={UploadRateLimit}
+        type='number'
+        fullWidth
+      />
+      <br />
+      <TextField
+        onChange={inputForm}
+        margin='dense'
+        id='PeersListenPort'
+        label={t('SettingsDialog.PeersListenPort')}
+        value={PeersListenPort}
+        type='number'
+        fullWidth
+      />
+      <br />
+      <FormControlLabel
+        control={<Switch checked={!DisableUPNP} onChange={inputForm} id='DisableUPNP' color='primary' />}
+        label='UPnP (Universal Plug and Play)'
+      />
+      <br />
+      <InputLabel htmlFor='RetrackersMode'>{t('SettingsDialog.RetrackersMode')}</InputLabel>
+      <Select onChange={inputForm} type='number' native id='RetrackersMode' value={RetrackersMode}>
+        <option value={0}>{t('SettingsDialog.DontAddRetrackers')}</option>
+        <option value={1}>{t('SettingsDialog.AddRetrackers')}</option>
+        <option value={2}>{t('SettingsDialog.RemoveRetrackers')}</option>
+        <option value={3}>{t('SettingsDialog.ReplaceRetrackers')}</option>
+      </Select>
+      <br />
+    </SecondarySettingsContent>
+  )
+}