You are viewing{" "}
diff --git a/src/components/player/PlayerInfo.tsx b/src/components/player/PlayerInfo.tsx
index 9e7efb9..1386aab 100644
--- a/src/components/player/PlayerInfo.tsx
+++ b/src/components/player/PlayerInfo.tsx
@@ -14,16 +14,14 @@ import {
UserIcon,
XMarkIcon,
} from "@heroicons/react/20/solid";
-import dynamic from "next/dynamic";
import { useRef } from "react";
import { toast } from "react-toastify";
import { useStore } from "zustand";
import Avatar from "../Avatar";
import Card from "../Card";
+import CountyFlag from "../CountryFlag";
import Label from "../Label";
-const ReactCountryFlag = dynamic(() => import("react-country-flag"));
-
type PlayerInfoProps = {
playerData: ScoresaberPlayer;
};
@@ -188,11 +186,9 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
playerData.country,
)}`}
>
-
#{formatNumber(playerData.countryRank)}
diff --git a/src/components/player/PlayerRanking.tsx b/src/components/player/PlayerRanking.tsx index 0a19b0a..2355404 100644 --- a/src/components/player/PlayerRanking.tsx +++ b/src/components/player/PlayerRanking.tsx @@ -4,13 +4,13 @@ import { formatNumber } from "@/utils/number"; import dynamic from "next/dynamic"; import Link from "next/link"; import { useStore } from "zustand"; +import CountyFlag from "../CountryFlag"; type PlayerRankingProps = { player: ScoresaberPlayer; showCountryFlag?: boolean; }; -const ReactCountryFlag = dynamic(() => import("react-country-flag")); const Avatar = dynamic(() => import("@/components/Avatar")); export default function PlayerRanking({ @@ -25,11 +25,7 @@ export default function PlayerRanking({#{formatNumber(player.rank)}