SQuiz/frontAnswerer
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

use polyfill for country flag emoji

Browse Source
This commit is contained in:
nflnkr 2024-02-15 12:01:52 +03:00
parent fc8e438198
commit e059a801da
4 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/components/ViewPublicationPage/questions/Emoji.tsx
View File

@ -18,6 +18,10 @@ import { sendAnswer } from "@api/quizRelase";
import { enqueueSnackbar } from "notistack";
import type { QuizQuestionEmoji } from "../../../model/questionTypes/emoji";
import { useQuizData } from "@contexts/QuizDataContext";
import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill";
polyfillCountryFlagEmojis();
type EmojiProps = {
currentQuestion: QuizQuestionEmoji;

3
lib/utils/themes/generic.ts
View File

@ -89,6 +89,7 @@ const theme = createTheme({
fontWeight: 500,
},
fontFamily: [
"Twemoji Country Flags",
"Rubik",
"-apple-system",
"BlinkMacSystemFont",
@ -134,4 +135,4 @@ theme.typography.infographic = {
}
};
export default theme;
export default theme;

13
package.json
View File

@ -36,30 +36,30 @@
"@mui/material": "^5.10.14",
"@mui/x-date-pickers": "^6.16.1",
"@types/node": "^16.7.13",
"@types/react-dom": "^18.2.17",
"@types/react": "^18.2.43",
"@types/react-dom": "^18.2.17",
"@typescript-eslint/eslint-plugin": "^6.14.0",
"@typescript-eslint/parser": "^6.14.0",
"@vitejs/plugin-react": "^4.2.1",
"axios": "^1.5.1",
"cypress": "^13.6.1",
"emoji-mart": "^5.5.2",
"eslint": "^8.55.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.5",
"eslint": "^8.55.0",
"immer": "^10.0.3",
"moment": "^2.30.1",
"nanoid": "^5.0.3",
"notistack": "^3.0.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-error-boundary": "^4.0.12",
"react-router-dom": "^6.21.3",
"react": "^18.2.0",
"swr": "^2.2.4",
"typescript": "^5.2.2",
"use-debounce": "^9.0.4",
"vite-plugin-dts": "^3.7.2",
"vite": "^5.0.8",
"vite-plugin-dts": "^3.7.2",
"zustand": "^4.3.8"
},
"peerDependencies": {
@ -76,12 +76,15 @@
"moment": "^2.30.1",
"nanoid": "^5.0.3",
"notistack": "^3.0.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-error-boundary": "^4.0.12",
"react-router-dom": "^6.21.3",
"react": "^18.2.0",
"swr": "^2.2.4",
"use-debounce": "^9.0.4",
"zustand": "^4.3.8"
},
"dependencies": {
"country-flag-emoji-polyfill": "^0.1.8"
}
}

5
yarn.lock
View File

@ -1574,6 +1574,11 @@ cosmiconfig@^7.0.0:
path-type "^4.0.0"
yaml "^1.10.0"
country-flag-emoji-polyfill@^0.1.8:
version "0.1.8"
resolved "https://registry.yarnpkg.com/country-flag-emoji-polyfill/-/country-flag-emoji-polyfill-0.1.8.tgz#d2cfb23dd2f949b80d83eb9822b613bf62957173"
integrity sha512-Mbah52sADS3gshUYhK5142gtUuJpHYOXlXtLFI3Ly4RqgkmPMvhX9kMZSTqDM8P7UqtSW99eHKFphhQSGXA3Cg==
cross-spawn@^7.0.0, cross-spawn@^7.0.2:
version "7.0.3"
resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"