From e059a801daaa0b988d54c2b81636a4814e4e2029 Mon Sep 17 00:00:00 2001
From: nflnkr <molohov.eugeny@yandex.ru>
Date: Thu, 15 Feb 2024 12:01:52 +0300
Subject: [PATCH] use polyfill for country flag emoji

---
 .../ViewPublicationPage/questions/Emoji.tsx         |  4 ++++
 lib/utils/themes/generic.ts                         |  3 ++-
 package.json                                        | 13 ++++++++-----
 yarn.lock                                           |  5 +++++
 4 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/lib/components/ViewPublicationPage/questions/Emoji.tsx b/lib/components/ViewPublicationPage/questions/Emoji.tsx
index 8bded35..70599ea 100644
--- a/lib/components/ViewPublicationPage/questions/Emoji.tsx
+++ b/lib/components/ViewPublicationPage/questions/Emoji.tsx
@@ -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;
diff --git a/lib/utils/themes/generic.ts b/lib/utils/themes/generic.ts
index a50e66f..e658b98 100644
--- a/lib/utils/themes/generic.ts
+++ b/lib/utils/themes/generic.ts
@@ -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;
\ No newline at end of file
+export default theme;
diff --git a/package.json b/package.json
index abab542..567f75c 100755
--- a/package.json
+++ b/package.json
@@ -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"
     }
 }
diff --git a/yarn.lock b/yarn.lock
index fbe71e5..841478e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -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"