From 02c62c7b7578ff47d690b3085baa105b47bfe026 Mon Sep 17 00:00:00 2001 From: vantezzen Date: Tue, 3 Sep 2019 09:54:30 +0200 Subject: i18n custom Ferdi strings --- packages/theme/src/themes/legacy/index.ts | 6 ++-- src/components/auth/Login.js | 13 +++++-- src/components/layout/AppLayout.js | 6 +++- src/components/services/content/Services.js | 12 +++++-- src/containers/settings/EditSettingsScreen.js | 6 +++- src/i18n/locales/en-US.json | 6 ++++ src/i18n/messages/src/components/auth/Login.json | 42 +++++++++++++++++----- .../messages/src/components/layout/AppLayout.json | 13 +++++++ .../src/components/services/content/Services.json | 26 ++++++++++++++ .../containers/settings/EditSettingsScreen.json | 41 +++++++++++++-------- src/theme/default/legacy.js | 6 ++-- 11 files changed, 142 insertions(+), 35 deletions(-) diff --git a/packages/theme/src/themes/legacy/index.ts b/packages/theme/src/themes/legacy/index.ts index 5a2d56a84..17dcf883e 100644 --- a/packages/theme/src/themes/legacy/index.ts +++ b/packages/theme/src/themes/legacy/index.ts @@ -5,9 +5,9 @@ export const themeBrandInfo = '#5bc0de'; export const themeBrandWarning = '#FF9F00'; export const themeBrandDanger = '#d9534f'; -export const themeGrayDark = '#7367F0'; -export const themeGray = '#7367F0'; -export const themeGrayLight = '#CE9FFC'; +export const themeGrayDark = '#373a3c'; +export const themeGray = '#55595c'; +export const themeGrayLight = '#818a91'; export const themeGrayLighter = '#eceeef'; export const themeGrayLightest = '#f7f7f9'; diff --git a/src/components/auth/Login.js b/src/components/auth/Login.js index f8caebd7e..1563e471a 100644 --- a/src/components/auth/Login.js +++ b/src/components/auth/Login.js @@ -34,6 +34,14 @@ const messages = defineMessages({ id: 'login.invalidCredentials', defaultMessage: '!!!Email or password not valid', }, + customServerQuestion: { + id: 'login.customServerQuestion', + defaultMessage: '!!!Using a custom Ferdi server?', + }, + customServerSuggestion: { + id: 'login.customServerSuggestion', + defaultMessage: '!!!Try importing your Franz account', + }, tokenExpired: { id: 'login.tokenExpired', defaultMessage: '!!!Your session expired, please login again.', @@ -141,14 +149,13 @@ export default @observer class Login extends Component {

{intl.formatMessage(messages.invalidCredentials)}

{ window.ferdi.stores.settings.all.app.server !== 'https://api.franzinfra.com' && (

- Using a custom Ferdi server? Try - {' '} + {intl.formatMessage(messages.customServerQuestion)}{' '} -importing your Franz account + {intl.formatMessage(messages.customServerSuggestion)}

)} diff --git a/src/components/layout/AppLayout.js b/src/components/layout/AppLayout.js index 02550c87f..5c3d301e0 100644 --- a/src/components/layout/AppLayout.js +++ b/src/components/layout/AppLayout.js @@ -34,6 +34,10 @@ const messages = defineMessages({ id: 'infobar.requiredRequestsFailed', defaultMessage: '!!!Could not load services and user information', }, + authRequestFailed: { + id: 'infobar.authRequestFailed', + defaultMessage: '!!!There were errors while trying to perform an authenticated request. Please try logging out and back in if this error persists.', + }, }); const styles = theme => ({ @@ -154,7 +158,7 @@ class AppLayout extends Component { onClick={retryRequiredRequests} > - There were errors while trying to perform an authenticated request. Please try logging out and back in if this error persists. + {intl.formatMessage(messages.authRequestFailed)} )} {showServicesUpdatedInfoBar && ( diff --git a/src/components/services/content/Services.js b/src/components/services/content/Services.js index 9fe737529..5fad070f0 100644 --- a/src/components/services/content/Services.js +++ b/src/components/services/content/Services.js @@ -16,6 +16,14 @@ const messages = defineMessages({ id: 'services.getStarted', defaultMessage: '!!!Get started', }, + login: { + id: 'services.login', + defaultMessage: '!!!Please login to use Ferdi.', + }, + serverInfo: { + id: 'services.serverInfo', + defaultMessage: '!!!Optionally, you can change your Ferdi server by clicking the cog in the bottom left corner.', + }, }); export default @observer class Services extends Component { @@ -64,8 +72,8 @@ export default @observer class Services extends Component {

{intl.formatMessage(messages.welcome)}

{ !isLoggedIn && ( <> -

Please login to use Ferdi.

-

Optionally, you can change your Ferdi server by clicking the cog in the bottom left corner.

+

{intl.formatMessage(messages.login)}

+

{intl.formatMessage(messages.serverInfo)}

) }