refactor: better toast messages + minor ui improvements

components/collections/graphql/Add.vue

@@ -41,7 +41,9 @@ export default Vue.extend({
   methods: {
     addNewCollection() {
       if (!this.name) {
-        this.$toast.info(this.$t("collection.invalid_name").toString())
+        this.$toast.info(this.$t("collection.invalid_name").toString(), {
+          icon: "info",
+        })
         return
       }
 

components/collections/graphql/Edit.vue

@@ -43,7 +43,9 @@ export default Vue.extend({
   methods: {
     saveCollection() {
       if (!this.name) {
-        this.$toast.info(this.$t("collection.invalid_name").toString())
+        this.$toast.info(this.$t("collection.invalid_name").toString(), {
+          icon: "info",
+        })
         return
       }
       const collectionUpdated = {

components/collections/graphql/EditFolder.vue

@@ -47,7 +47,9 @@ export default Vue.extend({
   methods: {
     editFolder() {
       if (!this.name) {
-        this.$toast.info(this.$t("collection.invalid_name").toString())
+        this.$toast.info(this.$t("collection.invalid_name").toString(), {
+          icon: "info",
+        })
         return
       }
       editGraphqlFolder(this.folderPath, { ...this.folder, name: this.name })

components/collections/graphql/EditRequest.vue

@@ -46,7 +46,9 @@ export default Vue.extend({
   methods: {
     saveRequest() {
       if (!this.requestUpdateData.name) {
-        this.$toast.info(this.$t("collection.invalid_name").toString())
+        this.$toast.info(this.$t("collection.invalid_name").toString(), {
+          icon: "info",
+        })
         return
       }
       const requestUpdated = {

components/collections/graphql/ImportExport.vue

@@ -138,11 +138,11 @@ export default {
           })
           window.open(res.html_url)
         })
-        .catch((error) => {
-          this.$toast.error(this.$t("something_went_wrong"), {
+        .catch((e) => {
+          this.$toast.error(this.$t("error.something_went_wrong"), {
             icon: "error",
           })
-          console.log(error)
+          console.error(e)
         })
     },
     async readCollectionGist() {
@@ -159,9 +159,9 @@ export default {
           setGraphqlCollections(collections)
           this.fileImported()
         })
-        .catch((error) => {
+        .catch((e) => {
           this.failedImport()
-          console.log(error)
+          console.error(e)
         })
     },
     hideModal() {

components/collections/graphql/Request.vue

@@ -133,12 +133,7 @@ export default Vue.extend({
     selectRequest() {
       if (this.savingMode) {
         this.pick()
-        return
       }
-
-      this.$store.commit("postwoman/selectGraphqlRequest", {
-        request: this.request,
-      })
     },
     dragStart({ dataTransfer }: any) {
       this.dragging = !this.dragging