diff --git a/package-lock.json b/package-lock.json index fbf84d9..db0df53 100644 --- a/package-lock.json +++ b/package-lock.json @@ -28,6 +28,7 @@ "next-themes": "^0.4.6", "orval": "^7.13.2", "react": "^19.1.1", + "react-country-flag": "^3.1.0", "react-dom": "^19.1.1", "react-hook-form": "^7.65.0", "react-router": "^7.9.5", @@ -7175,6 +7176,18 @@ "node": ">=0.10.0" } }, + "node_modules/react-country-flag": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/react-country-flag/-/react-country-flag-3.1.0.tgz", + "integrity": "sha512-JWQFw1efdv9sTC+TGQvTKXQg1NKbDU2mBiAiRWcKM9F1sK+/zjhP2yGmm8YDddWyZdXVkR8Md47rPMJmo4YO5g==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "peerDependencies": { + "react": ">=16" + } + }, "node_modules/react-dom": { "version": "19.2.0", "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz", diff --git a/package.json b/package.json index 4781221..c73b35d 100644 --- a/package.json +++ b/package.json @@ -30,6 +30,7 @@ "next-themes": "^0.4.6", "orval": "^7.13.2", "react": "^19.1.1", + "react-country-flag": "^3.1.0", "react-dom": "^19.1.1", "react-hook-form": "^7.65.0", "react-router": "^7.9.5", diff --git a/src/features/manga/MangaChapter.tsx b/src/features/manga/MangaChapter.tsx index f476077..62dd4bc 100644 --- a/src/features/manga/MangaChapter.tsx +++ b/src/features/manga/MangaChapter.tsx @@ -8,6 +8,7 @@ import { useFetchChapter, } from "@/api/generated/manga-chapter/manga-chapter.ts"; import { Button } from "@/components/ui/button"; +import ReactCountryFlag from "react-country-flag"; interface MangaChapterProps { mangaId: number; @@ -79,9 +80,8 @@ export const MangaChapter = ({ >
+
+ {chapter.language?.code && (
+