From 13e426b14c89898e3bd7dfcf6b3b9b60bfeaf037 Mon Sep 17 00:00:00 2001 From: Antoine Clausse Date: Wed, 13 May 2026 09:29:32 +0200 Subject: [PATCH] [web] Share third-party integration icons + add Papers icon (#33537) * [web] Add Papers/ReadCube icon to plans page integrations Closes #33493 Co-Authored-By: Claude Opus 4.7 (1M context) * Delete old 200kB zotero logo * Allow png use in logos * Allow wrap * [web] Share third-party integration icon list across plans and onboarding pages Extract the icons array to services/web/app/src/util/third-party-icons.mjs so the plans-2026 feature table and the try_premium onboarding page render from a single source. The try_premium page now also includes Papers and follows the plans page ordering. Co-Authored-By: Claude Opus 4.7 (1M context) * [web] Allow ciam try-premium logo row to wrap Co-Authored-By: Claude Opus 4.7 (1M context) --------- Co-authored-by: Claude Opus 4.7 (1M context) GitOrigin-RevId: f5a52418cbe01d9e343092b552183dffa3ae78bd --- .../web/app/src/util/third-party-icons.mjs | 15 ++++++ .../stylesheets/ciam/ciam-try-premium.scss | 1 + .../stylesheets/pages/plans-2026.scss | 1 + .../public/img/third-party-icons/papers.svg | 49 +++++++++++++++++++ .../public/img/third-party-icons/zotero.svg | 9 ---- 5 files changed, 66 insertions(+), 9 deletions(-) create mode 100644 services/web/app/src/util/third-party-icons.mjs create mode 100644 services/web/public/img/third-party-icons/papers.svg delete mode 100644 services/web/public/img/third-party-icons/zotero.svg diff --git a/services/web/app/src/util/third-party-icons.mjs b/services/web/app/src/util/third-party-icons.mjs new file mode 100644 index 0000000000..5970a8e97c --- /dev/null +++ b/services/web/app/src/util/third-party-icons.mjs @@ -0,0 +1,15 @@ +// @ts-check + +/** + * Third-party integration icons shown across marketing and onboarding surfaces. + */ +const thirdPartyIcons = [ + { file: 'git.svg', label: 'Git' }, + { file: 'github.svg', label: 'GitHub' }, + { file: 'dropbox.svg', label: 'Dropbox' }, + { file: 'zotero_64x64x32.png', label: 'Zotero' }, + { file: 'mendeley.svg', label: 'Mendeley' }, + { file: 'papers.svg', label: 'Papers' }, +] + +export default thirdPartyIcons diff --git a/services/web/frontend/stylesheets/ciam/ciam-try-premium.scss b/services/web/frontend/stylesheets/ciam/ciam-try-premium.scss index 8e9bb8a857..e48ac6fdc7 100644 --- a/services/web/frontend/stylesheets/ciam/ciam-try-premium.scss +++ b/services/web/frontend/stylesheets/ciam/ciam-try-premium.scss @@ -1,5 +1,6 @@ .ciam-try-premium-logo-container { display: flex; + flex-wrap: wrap; justify-content: center; gap: var(--ds-spacing-600); padding: var(--ds-spacing-200) 0 var(--ds-spacing-500) 0; diff --git a/services/web/frontend/stylesheets/pages/plans-2026.scss b/services/web/frontend/stylesheets/pages/plans-2026.scss index 6b734d35ba..a9ab5c3f46 100644 --- a/services/web/frontend/stylesheets/pages/plans-2026.scss +++ b/services/web/frontend/stylesheets/pages/plans-2026.scss @@ -688,6 +688,7 @@ .plans-feature-table-section-icons { align-items: center; display: flex; + flex-wrap: wrap; gap: var(--spacing-04); } diff --git a/services/web/public/img/third-party-icons/papers.svg b/services/web/public/img/third-party-icons/papers.svg new file mode 100644 index 0000000000..f57a15c716 --- /dev/null +++ b/services/web/public/img/third-party-icons/papers.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/services/web/public/img/third-party-icons/zotero.svg b/services/web/public/img/third-party-icons/zotero.svg deleted file mode 100644 index 497c1c0720..0000000000 --- a/services/web/public/img/third-party-icons/zotero.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - -