Fix application and namespace logo uploads not working due to headers not containing multipart/form-data

client/web/admin/src/components/Application/CApplicationEditorUnify.vue

@@ -113,6 +113,7 @@
             </b-col>
 
             <b-col
+              v-if="canPin"
               cols="12"
               sm="6"
             >
@@ -125,7 +126,6 @@
                   data-test-id="checkbox-pinned"
                   switch
                   :labels="checkboxLabel"
-                  :disabled="!canPin"
                 />
               </b-form-group>
             </b-col>

client/web/admin/src/views/System/Application/Editor.vue

@@ -270,16 +270,19 @@ export default {
       const rr = {}
 
       const rq = async (file) => {
-        var formData = new FormData()
+        const formData = new FormData()
         formData.append('upload', file)
 
         const rsp = await this.$SystemAPI.api().request({
           method: 'post',
           url: this.$SystemAPI.applicationUploadEndpoint(),
           data: formData,
+          headers: {
+            'Content-Type': 'multipart/form-data',
+          },
         })
         if (rsp.data.error) {
-          throw new Error(rsp.data.error)
+          throw new Error(rsp.data.error.message)
         }
         return rsp.data.response
       }

client/web/compose/src/views/Namespace/Edit.vue

@@ -584,8 +584,7 @@ export default {
           meta = { ...meta, ...assets }
           this.namespaceAssetsInitialState = this.namespaceAssets
         } catch (e) {
-          const error = JSON.stringify(e) === '{}' ? '' : e
-          this.toastErrorHandler(this.$t('notification:namespace.assetUploadFailed'))(error)
+          this.toastErrorHandler(this.$t('notification:namespace.assetUploadFailed'))(e)
           stopProcessing()
           return
         }
@@ -730,16 +729,19 @@ export default {
       const rr = {}
 
       const rq = async (file) => {
-        var formData = new FormData()
+        const formData = new FormData()
         formData.append('upload', file)
 
         const rsp = await this.$ComposeAPI.api().request({
           method: 'post',
           url: this.$ComposeAPI.namespaceUploadEndpoint(),
           data: formData,
+          headers: {
+            'Content-Type': 'multipart/form-data',
+          },
         })
         if (rsp.data.error) {
-          throw new Error(rsp.data.error)
+          throw new Error(rsp.data.error.message)
         }
         return rsp.data.response
       }