feat: add Twemoji for cross-platform emoji rendering

Wrap the app in react-twemoji to replace native Unicode emoji with
Twemoji SVGs from CDN. Fixes ugly/broken emoji on Windows.
This commit is contained in:
Fringg
2026-02-07 01:09:35 +03:00
parent 174fefddef
commit 72b1089af7
4 changed files with 121 additions and 23 deletions

View File

@@ -6,6 +6,7 @@ import {
onBackButtonClick,
offBackButtonClick,
} from '@telegram-apps/sdk-react';
import Twemoji from 'react-twemoji';
import App from './App';
import { ErrorBoundary } from './components/ErrorBoundary';
import { PlatformProvider } from './platform/PlatformProvider';
@@ -73,7 +74,9 @@ export function AppWithNavigator() {
<TooltipProvider>
<ToastProvider>
<WebSocketProvider>
<App />
<Twemoji options={{ className: 'twemoji', folder: 'svg', ext: '.svg' }}>
<App />
</Twemoji>
</WebSocketProvider>
</ToastProvider>
</TooltipProvider>

View File

@@ -270,6 +270,14 @@
}
}
/* Twemoji — cross-platform emoji rendering */
img.twemoji {
display: inline-block;
width: 1.2em;
height: 1.2em;
vertical-align: -0.2em;
}
@layer components {
/* ========== BENTO DESIGN SYSTEM ========== */