From ff9ebef36c0871ae6c2c3dc4b7718d9b7f19a141 Mon Sep 17 00:00:00 2001
From: Rakantor <rakantor.dev@gmail.com>
Date: Tue, 25 Oct 2022 22:42:38 +0200
Subject: [PATCH] Refactor to reflect db structure changes

---
 components/AddClosedEndedQuestion.vue | 10 ++++------
 components/AddOpenEndedQuestion.vue   | 10 ++++------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/components/AddClosedEndedQuestion.vue b/components/AddClosedEndedQuestion.vue
index a8e9781..5f20063 100644
--- a/components/AddClosedEndedQuestion.vue
+++ b/components/AddClosedEndedQuestion.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script>
-import { doc, updateDoc, arrayUnion } from 'firebase/firestore'
+import { collection, addDoc } from 'firebase/firestore'
 // We use vee-validate@3 for form validation.
 // https://vee-validate.logaretm.com/v3/guide/basics.html
 import { ValidationProvider, ValidationObserver, extend } from 'vee-validate'
@@ -86,11 +86,9 @@ export default {
         status: 'neu'
       }
 
-      // Atomically add the new question to the "geschlossen" (fragen/{kursID}/geschlossen) array field.
-      const questionsRef = doc(this.$db, 'fragen', this.$store.state.selectedCourse)
-      updateDoc(questionsRef, {
-        geschlossen: arrayUnion(q) // Ref: https://firebase.google.com/docs/firestore/manage-data/add-data#update_elements_in_an_array
-      }).then((empty) => {
+      // Add a new document with a generated id.
+      addDoc(collection(this.$db, `kurse/${this.$store.state.selectedCourse}/fragenGeschlossen`), q)
+      .then((docRef) => {
         // Successfully added new question to database
         this.$toast({ content: 'Deine Frage wurde eingereicht!', color: 'success' })
       })
diff --git a/components/AddOpenEndedQuestion.vue b/components/AddOpenEndedQuestion.vue
index d4f0b73..a24d292 100644
--- a/components/AddOpenEndedQuestion.vue
+++ b/components/AddOpenEndedQuestion.vue
@@ -44,7 +44,7 @@
 </template>
 
 <script>
-import { doc, updateDoc, arrayUnion } from 'firebase/firestore'
+import { collection, addDoc } from 'firebase/firestore'
 // We use vee-validate@3 for form validation.
 // https://vee-validate.logaretm.com/v3/guide/basics.html
 import { ValidationProvider, ValidationObserver, extend } from 'vee-validate'
@@ -85,11 +85,9 @@ export default {
         schwierigkeit: []
       }
 
-      // Atomically add the new question to the "offen" (fragen/{kursID}/offen) array field.
-      const questionsRef = doc(this.$db, 'fragen', this.$store.state.selectedCourse)
-      updateDoc(questionsRef, {
-        offen: arrayUnion(q) // Ref: https://firebase.google.com/docs/firestore/manage-data/add-data#update_elements_in_an_array
-      }).then((empty) => {
+      // Add a new document with a generated id.
+      addDoc(collection(this.$db, `kurse/${this.$store.state.selectedCourse}/fragenOffen`), q)
+      .then((docRef) => {
         // Successfully added new question to database
         this.$toast({ content: 'Deine Frage wurde eingereicht!', color: 'success' })
       })