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/EditFolder.vue

@@ -39,6 +39,7 @@
 <script>
 import { fb } from "~/helpers/fb"
 import { getSettingSubject } from "~/newstore/settings"
+import team_utils from "~/helpers/teams/utils"
 
 export default {
   props: {
@@ -46,6 +47,7 @@ export default {
     collectionIndex: Number,
     folder: Object,
     folderIndex: Number,
+    collectionsType: Object,
   },
   data() {
     return {
@@ -67,15 +69,37 @@ export default {
       }
     },
     editFolder() {
-      this.$store.commit("postwoman/editFolder", {
-        collectionIndex: this.$props.collectionIndex,
-        folder: { ...this.$props.folder, name: this.$data.name },
-        folderIndex: this.$props.folderIndex,
-        folderName: this.$props.folder.name,
-        flag: "rest",
-      })
+      if (this.collectionsType.type == "my-collections") {
+        this.$store.commit("postwoman/editFolder", {
+          collectionIndex: this.$props.collectionIndex,
+          folder: { ...this.$props.folder, name: this.$data.name },
+          folderIndex: this.$props.folderIndex,
+          folderName: this.$props.folder.name,
+          flag: "rest",
+        })
+        this.syncCollections()
+      } else if (this.collectionsType.type == "team-collections") {
+        if (this.collectionsType.selectedTeam.myRole != "VIEWER") {
+          team_utils
+            .renameCollection(this.$apollo, this.$data.name, this.folder.id)
+            .then((data) => {
+              // Result
+              this.$toast.success(this.$t("folder_renamed"), {
+                icon: "done",
+              })
+              this.$emit("update-team-collections")
+            })
+            .catch((error) => {
+              // Error
+              this.$toast.error(this.$t("error_occurred"), {
+                icon: "done",
+              })
+              console.error(error)
+            })
+        }
+      }
+
       this.hideModal()
-      this.syncCollections()
     },
     hideModal() {
       this.$emit("hide-modal")