Progress on calendars store migration

Signed-off-by: Grigory V <[email protected]>
nextcloud · Jan 31, 2024 · d856096 · d856096
1 parent a84e0d7
commit d856096
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 316 deletions.
diff --git a/src/components/AppNavigation/CalendarList/CalendarListItem.vue b/src/components/AppNavigation/CalendarList/CalendarListItem.vue
@@ -106,6 +106,7 @@ import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Undo from 'vue-material-design-icons/Undo.vue'
 import LinkVariant from 'vue-material-design-icons/LinkVariant.vue'
 import usePrincipalsStore from '../../../store/principals.js'
+import useCalendarsStore from '../../../store/calendars.js'
 import { mapStores } from 'pinia'
 
 export default {
@@ -135,7 +136,7 @@ export default {
 		}
 	},
 	computed: {
-		...mapStores(usePrincipalsStore()),
+		...mapStores(usePrincipalsStore, useCalendarsStore),
 		/**
 		 * Whether to show the sharing section
 		 *
@@ -222,11 +223,12 @@ export default {
 		 * Toggles the enabled state of this calendar
 		 */
 		toggleEnabled() {
-			this.$store.dispatch('toggleCalendarEnabled', { calendar: this.calendar })
-				.catch((error) => {
-					showError(this.$t('calendar', 'An error occurred, unable to change visibility of the calendar.'))
-					console.error(error)
-				})
+			try {
+				this.calendarsStore.calendarsById[this.calendar.id].enabled = !this.calendarsStore.calendarsById[this.calendar.id].enabled
+			} catch (error) {
+				showError(this.$t('calendar', 'An error occurred, unable to change visibility of the calendar.'))
+				console.error(error)
+			}
 		},
 
 		/**

diff --git a/src/components/AppNavigation/CalendarList/PublicCalendarListItem.vue b/src/components/AppNavigation/CalendarList/PublicCalendarListItem.vue
@@ -92,6 +92,8 @@ import {
 
 import Download from 'vue-material-design-icons/Download.vue'
 import LinkVariant from 'vue-material-design-icons/LinkVariant.vue'
+import useCalendarsStore from '../../../store/calendars.js'
+import { mapStores } from 'pinia'
 
 export default {
 	name: 'PublicCalendarListItem',
@@ -123,6 +125,7 @@ export default {
 		}
 	},
 	computed: {
+		...mapStores(useCalendarsStore),
 		/**
 		 * Download url of the calendar
 		 *
@@ -193,9 +196,7 @@ export default {
 			}
 		},
 		toggleEnabled() {
-			this.$store.commit('toggleCalendarEnabled', {
-				calendar: this.calendar,
-			})
+			this.calendarsStore.calendarsById[this.calendar.id].enabled = !this.calendarsStore.calendarsById[this.calendar.id].enabled
 		},
 	},
 }