fix: do not show api address form on Desktop (#1835)

License: MIT
Signed-off-by: Henrique Dias <hacdias@gmail.com>

src/settings/SettingsPage.js

@@ -28,7 +28,7 @@ import { cliCmdKeys, cliCommandList } from '../bundles/files/consts'
 const PAUSE_AFTER_SAVE_MS = 3000
 
 export const SettingsPage = ({
-  t, tReady, isIpfsConnected, ipfsPendingFirstConnection,
+  t, tReady, isIpfsConnected, ipfsPendingFirstConnection, isIpfsDesktop,
   isConfigBlocked, isLoading, isSaving, arePinningServicesSupported,
   hasSaveFailed, hasSaveSucceded, hasErrors, hasLocalChanges, hasExternalChanges,
   config, onChange, onReset, onSave, editorKey, analyticsEnabled, doToggleAnalytics,
@@ -49,15 +49,17 @@ export const SettingsPage = ({
       </div>
       : null }
 
-    <Box className='mb3 pa4-l pa2 joyride-settings-customapi'>
-      <div className='lh-copy charcoal'>
-        <Title>{t('app:terms.apiAddress')}</Title>
-        <Trans i18nKey='apiDescription' t={t}>
-          <p>If your node is configured with a <a className='link blue' href='https://github.com/ipfs/go-ipfs/blob/master/docs/config.md#addresses' target='_blank' rel='noopener noreferrer'>custom API address</a>, including a port other than the default 5001, enter it here.</p>
-        </Trans>
-        <ApiAddressForm/>
-      </div>
-    </Box>
+    { isIpfsDesktop
+      ? null
+      : <Box className='mb3 pa4-l pa2 joyride-settings-customapi'>
+        <div className='lh-copy charcoal'>
+          <Title>{t('app:terms.apiAddress')}</Title>
+          <Trans i18nKey='apiDescription' t={t}>
+            <p>If your node is configured with a <a className='link blue' href='https://github.com/ipfs/go-ipfs/blob/master/docs/config.md#addresses' target='_blank' rel='noopener noreferrer'>custom API address</a>, including a port other than the default 5001, enter it here.</p>
+          </Trans>
+          <ApiAddressForm/>
+        </div>
+      </Box> }
 
     <Box className='mb3 pa4-l pa2'>
       <div className='lh-copy charcoal'>