fix(nocodb): handle error in gui

packages/nc-gui/components/smartsheet/calendar/index.vue

@@ -41,6 +41,7 @@ provide(IsKanbanInj, ref(false))
 provide(IsCalendarInj, ref(true))
 
 const {
+  calendarRange,
   calDataType,
   loadCalendarMeta,
   loadCalendarData,
@@ -256,37 +257,45 @@ const headerText = computed(() => {
           </NcButton>
         </NcTooltip>
       </div>
-      <LazySmartsheetCalendarYearView v-if="activeCalendarView === 'year'" />
-      <template v-if="!isCalendarDataLoading">
-        <LazySmartsheetCalendarMonthView
-          v-if="activeCalendarView === 'month'"
-          @expand-record="expandRecord"
-          @new-record="newRecord"
-        />
-        <LazySmartsheetCalendarWeekViewDateField
-          v-else-if="activeCalendarView === 'week' && calDataType === UITypes.Date"
-          @expand-record="expandRecord"
-          @new-record="newRecord"
-        />
-        <LazySmartsheetCalendarWeekViewDateTimeField
-          v-else-if="activeCalendarView === 'week' && calDataType === UITypes.DateTime"
-          @expand-record="expandRecord"
-          @new-record="newRecord"
-        />
-        <LazySmartsheetCalendarDayViewDateField
-          v-else-if="activeCalendarView === 'day' && calDataType === UITypes.Date"
-          @expand-record="expandRecord"
-          @new-record="newRecord"
-        />
-        <LazySmartsheetCalendarDayViewDateTimeField
-          v-else-if="activeCalendarView === 'day' && calDataType === UITypes.DateTime"
-          @expand-record="expandRecord"
-          @new-record="newRecord"
-        />
+      <template v-if="calendarRange">
+        <LazySmartsheetCalendarYearView v-if="activeCalendarView === 'year'" />
+        <template v-if="!isCalendarDataLoading">
+          <LazySmartsheetCalendarMonthView
+            v-if="activeCalendarView === 'month'"
+            @expand-record="expandRecord"
+            @new-record="newRecord"
+          />
+          <LazySmartsheetCalendarWeekViewDateField
+            v-else-if="activeCalendarView === 'week' && calDataType === UITypes.Date"
+            @expand-record="expandRecord"
+            @new-record="newRecord"
+          />
+          <LazySmartsheetCalendarWeekViewDateTimeField
+            v-else-if="activeCalendarView === 'week' && calDataType === UITypes.DateTime"
+            @expand-record="expandRecord"
+            @new-record="newRecord"
+          />
+          <LazySmartsheetCalendarDayViewDateField
+            v-else-if="activeCalendarView === 'day' && calDataType === UITypes.Date"
+            @expand-record="expandRecord"
+            @new-record="newRecord"
+          />
+          <LazySmartsheetCalendarDayViewDateTimeField
+            v-else-if="activeCalendarView === 'day' && calDataType === UITypes.DateTime"
+            @expand-record="expandRecord"
+            @new-record="newRecord"
+          />
+        </template>
+
+        <div v-if="isCalendarDataLoading && activeCalendarView !== 'year'" class="flex w-full items-center h-full justify-center">
+          <GeneralLoader size="xlarge" />
+        </div>
+      </template>
+      <template>
+        <div v-if="isCalendarDataLoading && activeCalendarView !== 'year'" class="flex w-full items-center h-full justify-center">
+          {{ $t('activity.noRange') }}
+        </div>
       </template>
-      <div v-if="isCalendarDataLoading && activeCalendarView !== 'year'" class="flex w-full items-center h-full justify-center">
-        <GeneralLoader size="xlarge" />
-      </div>
     </div>
     <LazySmartsheetCalendarSideMenu
       v-if="!isMobileMode"

packages/nc-gui/composables/useCalendarViewStore.ts

@@ -123,6 +123,8 @@ const [useProvideCalendarViewStore, useCalendarViewStore] = useInjectionState(
     const sideBarFilter = computed(() => {
       let combinedFilters: any = []
 
+      if (!calendarRange.value) return []
+
       if (sideBarFilterOption.value === 'allRecords') {
         combinedFilters = []
       } else if (sideBarFilterOption.value === 'withoutDates') {
@@ -336,6 +338,7 @@ const [useProvideCalendarViewStore, useCalendarViewStore] = useInjectionState(
     }
 
     const filterJSON = computed(() => {
+      if (!calendarRange.value) return []
       const combinedFilters: any = {
         is_group: true,
         logical_op: 'and',

packages/nc-gui/lang/en.json

@@ -686,6 +686,7 @@
     }
   },
   "activity": {
+    "noRange": "Calendar view requires a date range",
     "goToToday": "Go to Today",
     "toggleSidebar": "Toggle Sidebar",
     "addEndDate": "Add end date",