diff --git a/services/web/frontend/extracted-translations.json b/services/web/frontend/extracted-translations.json index e2431ad7fc..b1f04b0a01 100644 --- a/services/web/frontend/extracted-translations.json +++ b/services/web/frontend/extracted-translations.json @@ -553,6 +553,7 @@ "log_in_with_primary_email_address": "", "log_viewer_error": "", "login_with_service": "", + "login_with_service_will_stop_working_soon": "", "logs_and_output_files": "", "looking_multiple_licenses": "", "looks_like_youre_at": "", diff --git a/services/web/frontend/js/features/settings/components/linking-section.tsx b/services/web/frontend/js/features/settings/components/linking-section.tsx index 0d769d0649..79bf70b7cc 100644 --- a/services/web/frontend/js/features/settings/components/linking-section.tsx +++ b/services/web/frontend/js/features/settings/components/linking-section.tsx @@ -160,11 +160,15 @@ function SSOLinkingWidgetContainer({ description = t('linked_collabratec_description') break case 'google': - case 'twitter': description = `${t('login_with_service', { service: subscription.provider.name, })}.` break + case 'twitter': + description = t('login_with_service_will_stop_working_soon', { + service: subscription.provider.name, + }) + break case 'orcid': description = t('oauth_orcid_description') break diff --git a/services/web/frontend/js/features/settings/components/linking/sso-widget.tsx b/services/web/frontend/js/features/settings/components/linking/sso-widget.tsx index 551681de3e..e4f03fdfc3 100644 --- a/services/web/frontend/js/features/settings/components/linking/sso-widget.tsx +++ b/services/web/frontend/js/features/settings/components/linking/sso-widget.tsx @@ -7,11 +7,20 @@ import IEEELogo from '../../../../shared/svgs/ieee-logo' import GoogleLogo from '../../../../shared/svgs/google-logo' import OrcidLogo from '../../../../shared/svgs/orcid-logo' import LinkingStatus from './status' +import Icon from '../../../../shared/components/icon' const providerLogos: { readonly [p: string]: JSX.Element } = { collabratec: , google: , orcid: , + twitter: ( + + ), } type SSOLinkingWidgetProps = { diff --git a/services/web/frontend/stylesheets/components/buttons.less b/services/web/frontend/stylesheets/components/buttons.less index 782717eedb..8bcbd42909 100755 --- a/services/web/frontend/stylesheets/components/buttons.less +++ b/services/web/frontend/stylesheets/components/buttons.less @@ -335,3 +335,7 @@ input[type='button'] { padding-left: 20px; padding-right: 0; } + +.login-expand-more-btn { + display: list-item; +} diff --git a/services/web/locales/en.json b/services/web/locales/en.json index 0c31e815a7..7faa0b2d6a 100644 --- a/services/web/locales/en.json +++ b/services/web/locales/en.json @@ -922,6 +922,7 @@ "login_to_overleaf": "Log in to Overleaf", "login_with_email": "Log in with your email", "login_with_service": "Log in with __service__", + "login_with_service_will_stop_working_soon": "Login with __service__ will stop working soon. If you log in with __service__, please take a moment to set up another SSO provider or a password.", "logs_and_output_files": "Logs and output files", "longer_compile_timeout": "Longer <0>compile timeout", "looking_multiple_licenses": "Looking for multiple licenses?",