diff --git a/src/app/tenders/[details]/page.tsx b/src/app/tenders/[details]/page.tsx
index 2cd7f99..20febc8 100644
--- a/src/app/tenders/[details]/page.tsx
+++ b/src/app/tenders/[details]/page.tsx
@@ -1,12 +1,12 @@
"use client";
-import Loading from "@/components/loading";
import { LocationIcon } from "@/assets/icons";
import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
import { ShowcaseSection } from "@/components/Layouts/showcase-section";
+import Loading from "@/components/loading";
import Status from "@/components/ui/Status";
import { useTenderDetailQuery } from "@/hooks/queries";
import { useGetFlagQuery } from "@/hooks/queries/useFlagsQueries";
-import { msToDate } from "@/utils/shared";
+import { isValidAlpha2CountryCode, msToDate } from "@/utils/shared";
import getSymbolFromCurrency from "currency-symbol-map";
import Link from "next/link";
import { use } from "react";
@@ -20,12 +20,17 @@ interface IProps {
const TenderDetails = ({ params }: IProps) => {
const { details } = use(params);
const { data, isLoading, isError } = useTenderDetailQuery(details);
+ const countryCodeNormalized =
+ data?.data.country_code?.trim().toUpperCase() ?? "";
+ const countryCodeValid = isValidAlpha2CountryCode(countryCodeNormalized);
+ const { data: flagData } = useGetFlagQuery(countryCodeNormalized, {
+ enabled: countryCodeValid,
+ });
const breadcrumbItems = [
{ name: "Dashboard", href: "/" },
{ name: "Tenders", href: "/tenders" },
{ name: "Tender details", href: `/tenders/${details}` },
];
- const { data: flagData } = useGetFlagQuery(data?.data.country_code ?? "EU");
if (isLoading) return
{data?.data.country_code}
- + {flagData && ( + + )}