jprdonnelly/docs
1
0
Fork 0
mirror of synced 2025-12-19 18:10:59 -05:00
Code Issues Projects Releases Wiki Activity

enable category-specific social preview images (#54936)

Browse Source 
Co-authored-by: Rachael Sewell <rachmari@github.com>
Co-authored-by: Kevin Heis <heiskr@users.noreply.github.com>
This commit is contained in:
Roniece Ricardo
2025-04-07 11:32:41 -04:00
committed by GitHub
parent 51feec854d
commit a34b88ba1f
6 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/social-cards/actions.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 358 KiB

BIN
assets/images/social-cards/copilot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 300 KiB

BIN
assets/images/social-cards/default.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 519 KiB

BIN
assets/images/social-cards/issues.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 285 KiB

BIN
assets/images/social-cards/security.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 344 KiB

19
src/frame/components/DefaultLayout.tsx
View File

@@ -59,6 +59,20 @@ export const DefaultLayout = (props: Props) => {
const metaDescription = page.introPlainText ? page.introPlainText : t('default_description') const metaDescription = page.introPlainText ? page.introPlainText : t('default_description')
const SOCIAL_CATEGORIES = new Set(['security', 'actions', 'issues', 'copilot'])
const SOCIAL_CARD_IMG_BASE_URL = '/assets/cb-345/images/social-cards'
function getCategoryImageUrl(category: string): string {
return `${SOCIAL_CARD_IMG_BASE_URL}/${category}.png`
}
function getSocialCardImage(): string {
if (currentProduct && SOCIAL_CATEGORIES.has(currentProduct.id)) {
return getCategoryImageUrl(currentProduct.id)
}
return getCategoryImageUrl('default')
}
return ( return (
<DomainNameEditProvider> <DomainNameEditProvider>
<Head> <Head>
@@ -111,10 +125,7 @@ export const DefaultLayout = (props: Props) => {
<meta property="og:title" content={page.fullTitle} /> <meta property="og:title" content={page.fullTitle} />
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content={fullUrl} /> <meta property="og:url" content={fullUrl} />
<meta <meta property="og:image" content={getSocialCardImage()} />
property="og:image"
content="https://github.githubassets.com/images/modules/open_graph/github-logo.png"
/>
</> </>
)} )}
</Head> </Head>