Skip to content

Replace hard-coded podcast icon in in-article promo with dynamic content-type icon logic#13764

Merged
emilysaffron merged 10 commits intolatestfrom
10%-use-correct-icons-for-promos
Mar 10, 2026
Merged

Replace hard-coded podcast icon in in-article promo with dynamic content-type icon logic#13764
emilysaffron merged 10 commits intolatestfrom
10%-use-correct-icons-for-promos

Conversation

@emilysaffron
Copy link
Copy Markdown
Contributor

@emilysaffron emilysaffron commented Feb 27, 2026

Resolves JIRA:

Summary

A lot of services use the inline Podcast Promo to promote whatsapp channels. Amharic promotes youtube. Others have used them in the past to promote various other social channels too.
Examples:

https://www.bbc.com/swahili/articles/cwyk87elk4wo
https://www.bbc.com/amharic/articles/cwy6ndkzp4wo

We should update the icon within the podcast promo to reflect that correctly instead of using the podcast logo for everything.

Code changes

  • Adds svgs for non podcast logos
  • Determines which logo to use based on the url being linked to

logo logic confirmed with UX and product:

podcast logo for podcasts
youtube logo for youtube
whatsapp logo for whatsapp
using a generic 'communication' svg from https://www.bbc.co.uk/gel/features/iconography for everything else

Screenshot 2026-03-03 at 15 58 22 Screenshot 2026-03-09 at 10 10 14 Screenshot 2026-03-09 at 10 09 51

Testing

  1. List the steps required to test this PR.

Useful Links

@emilysaffron emilysaffron self-assigned this Feb 27, 2026
@emilysaffron emilysaffron changed the title Use correct icons for the given promo Use correct icons for the inline article 'podcast' promo Feb 27, 2026
@emilysaffron emilysaffron changed the title Use correct icons for the inline article 'podcast' promo Replace hard-coded podcast icon in in-article promo with dynamic content-type icon logic Feb 27, 2026
@emilysaffron emilysaffron marked this pull request as ready for review March 9, 2026 10:50

export const MIN_SIZE = 939;
export const MAX_SIZE = 1303;
export const MAX_SIZE = 1309;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hmm this seems to add a decent amount to the bundles, as the svgs are inlined in the code. Could be worth creating a tech ticket to host the SVG's separately so they can be lazy loaded in which will reduce the bundle sizes

@emilysaffron emilysaffron merged commit 69ab055 into latest Mar 10, 2026
13 checks passed
@amoore108 amoore108 deleted the 10%-use-correct-icons-for-promos branch April 14, 2026 15:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants