Add Ferdi server to hosted services (#49)

* 'SettingsNavigation.js' and 'TeamDashboard.js' also have a call to 'LIVE_FERDI_API', but it handles the teams feature that I think neither Ferdi or Ferdium provide.
* Removes comment on 'apiBase.ts' because I tested and the Terms was redirecting fine on the 'Help' Menu.

1 files changed, 19 insertions, 1 deletions

diff --git a/src/components/auth/Login.js b/src/components/auth/Login.js
index 3c9c07f0d..ccffd0c6a 100644
--- a/src/components/auth/Login.js
+++ b/src/components/auth/Login.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { observer, inject } from 'mobx-react';
 import { defineMessages, injectIntl } from 'react-intl';
 
-import { LIVE_FRANZ_API } from '../../config';
+import { LIVE_FRANZ_API, LIVE_FERDI_API } from '../../config';
 import { API_VERSION } from '../../environment-remote';
 import Form from '../../lib/Form';
 import { required, email } from '../../helpers/validation-helpers';
@@ -153,6 +153,24 @@ class Login extends Component {
                   </Link>
                 </p>
               )}
+              {window['ferdium'].stores.settings.all.app.server !==
+                LIVE_FERDI_API && (
+                <p className="error-message center">
+                  {intl.formatMessage(messages.customServerQuestion)}{' '}
+                  <Link
+                    to={`${window[
+                      'ferdium'
+                    ].stores.settings.all.app.server.replace(
+                      API_VERSION,
+                      '',
+                    )}/import`}
+                    target="_blank"
+                    style={{ cursor: 'pointer', textDecoration: 'underline' }}
+                  >
+                    {intl.formatMessage(messages.customServerSuggestion)}
+                  </Link>
+                </p>
+              )}
             </>
           )}
           {isSubmitting ? (