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 timeout0>",
"looking_multiple_licenses": "Looking for multiple licenses?",