fix: wrap server display names with Twemoji for cross-platform emoji rendering

This commit is contained in:
Dmitry Lunin
2026-04-21 23:03:20 +03:00
parent bfa5f7ae7f
commit d75440bfe4
10 changed files with 56 additions and 10 deletions

View File

@@ -13,6 +13,7 @@ import {
import { AdminBackButton } from '../components/admin';
import { CheckIcon, CampaignIcon } from '../components/icons';
import { createNumberInputHandler, toNumber } from '../utils/inputHelpers';
import Twemoji from 'react-twemoji';
// Bonus type config
const bonusTypeConfig: Record<
@@ -83,7 +84,11 @@ function ServerSelector({
>
{selected.includes(server.squad_uuid) && <CheckIcon />}
</div>
<span className="text-sm font-medium">{server.display_name}</span>
<span className="text-sm font-medium">
<Twemoji options={{ className: 'twemoji', folder: 'svg', ext: '.svg' }}>
{server.display_name}
</Twemoji>
</span>
</button>
))}
</div>