Initial refactor of the collections list and friends

components/collections/Add.vue

@@ -37,71 +37,18 @@
 </template>
 
 <script>
-import { fb } from "~/helpers/fb"
-import { getSettingSubject } from "~/newstore/settings"
-import * as team_utils from "~/helpers/teams/utils"
-
 export default {
   props: {
     show: Boolean,
-    collectionsType: Object,
   },
   data() {
     return {
       name: undefined,
     }
   },
-  subscriptions() {
-    return {
-      SYNC_COLLECTIONS: getSettingSubject("syncCollections"),
-    }
-  },
   methods: {
-    syncCollections() {
-      if (fb.currentUser !== null && this.SYNC_COLLECTIONS) {
-        fb.writeCollections(
-          JSON.parse(JSON.stringify(this.$store.state.postwoman.collections)),
-          "collections"
-        )
-      }
-    },
     addNewCollection() {
-      if (!this.$data.name) {
-        this.$toast.info(this.$t("invalid_collection_name"))
-        return
-      }
-      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()
+      this.$emit("submit", this.name)
     },
     hideModal() {
       this.$emit("hide-modal")