fix(release): defaults back to locale when no region selected

Author: dvcol

src/components/views/releases/ReleasesNavbar.vue

@@ -57,6 +57,7 @@ onBeforeMount(() => fetchRegions());
       class="type-select"
       :options="typesOptions"
       :to="parentElement"
+      :disabled="loading"
     />
     <NDatePicker
       v-model:show="open"
@@ -79,7 +80,7 @@ onBeforeMount(() => fetchRegions());
       class="region-select"
       :options="regionOptions"
       :loading="regionLoading"
-      :disabled="regionLoading || !regionOptions.length"
+      :disabled="loading || regionLoading || !regionOptions.length"
       :to="parentElement"
       filterable
       clearable

src/stores/data/releases.store.ts

@@ -109,14 +109,18 @@ export const useReleasesStore = defineStore(ReleasesStoreConstants.Store, () =>
     if (restored?.center) clearState(new Date(restored.center));
   };
 
+  const getLocaleRegion = () => {
+    const locale = getIntlRegion() || getNavigatorRegion();
+    if (!regions.value?.length) return;
+    if (locale) return regions.value.find(r => r.iso_3166_1 === locale) ?? regions.value[0];
+    return regions.value[0];
+  };
+
   const fetchRegions = async () => {
     regionLoading.value = true;
     try {
       regions.value = await TraktService.providers.regions();
-      if (!region.value) {
-        const locale = getIntlRegion() || getNavigatorRegion();
-        if (locale) region.value = regions.value.find(r => r.iso_3166_1 === locale);
-      }
+      if (!region.value) region.value = getLocaleRegion();
     } catch (e) {
       logger.error('Failed to fetch regions');
       NotificationService.error('Failed to fetch regions', e);
@@ -131,6 +135,11 @@ export const useReleasesStore = defineStore(ReleasesStoreConstants.Store, () =>
       return;
     }
 
+    if (!region.value) {
+      logger.warn('Region not selected');
+      return;
+    }
+
     loading.value = true;
 
     if (mode === 'start') startCalendar.value = DateUtils.previous(days.value, startCalendar.value);
@@ -223,7 +232,7 @@ export const useReleasesStore = defineStore(ReleasesStoreConstants.Store, () =>
     region: computed<string | undefined>({
       get: () => region.value?.iso_3166_1,
       set: (value?: string) => {
-        region.value = !value ? undefined : regions.value.find(r => r.iso_3166_1 === value);
+        region.value = regions.value?.find(r => r.iso_3166_1 === value) ?? getLocaleRegion();
         saveState().catch(error => logger.error('Failed to save region state', error));
         return clearState();
       },