Opt-out of country lookup by specifying the data in the YAML file.

Author: zachleat

src/site/_data/community.yaml

@@ -9,6 +9,7 @@
 - name: Boston
   link: https://www.meetup.com/Jamstack-Boston/
   feed: https://api.meetup.com/Jamstack-Boston/events
+  country: United States of America
 
 - name: Porto
   link: https://www.meetup.com/Jamstack-Porto/

src/site/_data/eleventyComputed.js

@@ -23,10 +23,15 @@ module.exports = {
   community: async function(data) {
     let community = data.community.filter(e => true);
     for(let meetup of community) {
+      // skip if populated in the YAML file
+      if(meetup.country) {
+        continue;
+      }
+
       // sry for await in loop
       let countryCode = await getCountryCode(meetup.name);
       if(countryCode) {
-        meetup.countryName = getCountryName(countryCode);
+        meetup.country = getCountryName(countryCode);
       }
     }
 

src/site/community.njk

@@ -80,7 +80,7 @@ layout: layouts/base.njk
         <span class="sr-only">Country</span>
         <select data-filter-bind="country" class="text-black py-1 px-2 rounded-default border border-white bg-white">
           <option selected value="">All Countries</option>
-          {%- for country in community | select("countryName") | flatten | unique | sort(false, false) %}
+          {%- for country in community | select("country") | flatten | unique | sort(false, false) %}
           <option value="{{ country | lower }}">{{ country }}</option>
           {%- endfor %}
         </select>
@@ -98,7 +98,7 @@ layout: layouts/base.njk
       {# chose a pseudorandom theme based on the city name #}
       {% set theme =  item.name.length % 4 %}
       <li
-      {%- if item.countryName %} data-filter-country="{{ item.countryName | lower }}"{% endif %}>
+      {%- if item.country %} data-filter-country="{{ item.country | lower }}"{% endif %}>
         {{ meetup.card( item.name, item.link, themes[theme] ) }}
       </li>
       {%- endfor %}