Allow various jurisdiction

locales/en/collections.json

@@ -8,6 +8,7 @@
   "language_other": "Languages",
   "language.various": "various",
   "language.europe": "European Union",
+  "jurisdiction.various": "various",
   "services": "Services",
   "title": "We establish partnerships to track the terms of many industries, in several languages and jurisdictions",
   "volunteer-contributors": "Volunteer contributors",

locales/fr/collections.json

@@ -8,6 +8,7 @@
   "language_other": "Langues",
   "language.various": "diverses",
   "language.europe": "Union européenne",
+  "jurisdiction.various": "diverses",
   "services": "Services",
   "title": "Nous établissons des partenariats pour suivre les conditions d'utilisation de nombreuses industries, dans plusieurs langues et juridictions",
   "volunteer-contributors": "Contributeurs bénévoles",

src/modules/Common/components/Collections.tsx

@@ -123,6 +123,16 @@ const Collections: React.FC<CollectionsProps> = ({
           })
           .join(', ');
 
+        const jurisdictionsList = jurisdictions
+          .map((regionCode) => {
+            if (regionCode === '*') {
+              return t('collections:jurisdiction.various');
+            } else {
+              return countryName.of(regionCode);
+            }
+          })
+          .join(', ');
+
         return (
           <Card
             key={`collections_${instanceSlug}`}
@@ -156,7 +166,8 @@ const Collections: React.FC<CollectionsProps> = ({
               <CardTableItem
                 title={t('collections:country', { count: jurisdictions.length })}
                 iconName="FiMap"
-                desc={jurisdictions.map((regionCode) => countryName.of(regionCode)).join(', ')}
+                desc={jurisdictionsList}
+                // desc={jurisdictions.map((regionCode) => countryName.of(regionCode)).join(', ')}
               />
             </CardTable>
             <div className="mt__XL text__center">