fix(common): subfolder add-new in team collections respects write access (#6243)

packages/hoppscotch-common/src/components/collections/TeamCollections.vue

@@ -486,12 +486,16 @@
                 :label="t('add.new')"
                 filled
                 outline
+                :disabled="hasNoTeamAccess"
+                :title="hasNoTeamAccess ? t('team.no_access') : ''"
                 @click="
-                  node.data.type === 'collections' &&
-                  emit('add-folder', {
-                    path: node.id,
-                    folder: node.data.data.data,
-                  })
+                  hasNoTeamAccess
+                    ? null
+                    : node.data.type === 'collections' &&
+                      emit('add-folder', {
+                        path: node.id,
+                        folder: node.data.data.data,
+                      })
                 "
               />
             </template>

packages/hoppscotch-common/src/components/collections/index.vue

@@ -1051,6 +1051,13 @@ const addFolder = (payload: {
   path: string
   folder: HoppCollection | TeamCollection
 }) => {
+  if (
+    collectionsType.value.type === "team-collections" &&
+    !hasTeamWriteAccess.value
+  ) {
+    return
+  }
+
   const { path, folder } = payload
   editingFolder.value = folder
   editingFolderPath.value = path