Allow to limit country names by language

openstreetmap-polska · Nov 16, 2023 · 1441d87 · 1441d87
1 parent 9abe63a
commit 1441d87
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/backend.ts b/src/backend.ts
@@ -18,8 +18,8 @@ interface BackendCountry {
     data_path: string;
 }
 
-export async function fetchCountriesData(): Promise<Array<Country> | null> {
-    const url = `${backendBaseUrl}/api/v1/countries/names`;
+export async function fetchCountriesData(language: string): Promise<Array<Country> | null> {
+    const url = `${backendBaseUrl}/api/v1/countries/names?language=${language.toUpperCase()}`;
     return fetch(url)
         .then((response) => response.json())
         .then((response: Array<BackendCountry>) => response.map((country: BackendCountry) => ({

diff --git a/src/components/downloadCard.tsx b/src/components/downloadCard.tsx
@@ -34,11 +34,11 @@ export default function DownloadCard() {
     const selectedCountry = countries.find((country) => country.code === selectedCountryCode);
     useEffect(() => {
         const fetchData = async () => {
-            const data = await fetchCountriesData();
+            const data = await fetchCountriesData(language);
             if (data !== null) setCountries(data);
         };
         fetchData().catch(console.error);
-    }, []);
+    }, [language]);
 
     function countryLabel(country: Country) {
         return `${countryName(country)} (${country.featureCount})`;