merge feat/teams-new-ui

Co-authored-by: Isha Gupta <40794215+IshaGupta18@users.noreply.github.com>
Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>
Co-authored-by: Osheen Sachdev <45964755+oshhh@users.noreply.github.com>
Co-authored-by: Rohan Rajpal <rohan46000@gmail.com>
Co-authored-by: Raghav Gupta <raghav.gupta0307@gmail.com>

components/collections/Add.vue

@@ -39,10 +39,12 @@
 <script>
 import { fb } from "~/helpers/fb"
 import { getSettingSubject } from "~/newstore/settings"
+import team_utils from "~/helpers/teams/utils"
 
 export default {
   props: {
     show: Boolean,
+    collectionsType: Object,
   },
   data() {
     return {
@@ -68,12 +70,38 @@ export default {
         this.$toast.info(this.$t("invalid_collection_name"))
         return
       }
-      this.$store.commit("postwoman/addNewCollection", {
-        name: this.$data.name,
-        flag: "rest",
-      })
-      this.$emit("hide-modal")
-      this.syncCollections()
+      if (this.collectionsType.type == "my-collections") {
+        this.$store.commit("postwoman/addNewCollection", {
+          name: this.$data.name,
+          flag: "rest",
+        })
+        this.syncCollections()
+      } else if (this.collectionsType.type == "team-collections") {
+        if (this.collectionsType.selectedTeam.myRole != "VIEWER") {
+          team_utils
+            .createNewRootCollection(
+              this.$apollo,
+              this.$data.name,
+              this.collectionsType.selectedTeam.id
+            )
+            .then((data) => {
+              // Result
+              this.$toast.success(this.$t("collection_added"), {
+                icon: "done",
+              })
+              console.log(data)
+              this.$emit("update-team-collections")
+            })
+            .catch((error) => {
+              // Error
+              this.$toast.error(this.$t("error_occurred"), {
+                icon: "done",
+              })
+              console.error(error)
+            })
+        }
+      }
+      this.hideModal()
     },
     hideModal() {
       this.$emit("hide-modal")