From b132b801c2c5026c6c025a5cf5b1a47a056858ee Mon Sep 17 00:00:00 2001
From: Andrew Russell <arussell742@gmail.com>
Date: Tue, 17 Sep 2024 10:15:12 +0200
Subject: [PATCH] #6404 fix: add messages to FileUpload templates

---
 apps/showcase/doc/fileupload/TemplateDoc.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/apps/showcase/doc/fileupload/TemplateDoc.vue b/apps/showcase/doc/fileupload/TemplateDoc.vue
index 91a405ea8..4bb5745e3 100644
--- a/apps/showcase/doc/fileupload/TemplateDoc.vue
+++ b/apps/showcase/doc/fileupload/TemplateDoc.vue
@@ -16,8 +16,12 @@
                     </ProgressBar>
                 </div>
             </template>
-            <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
+            <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
                 <div class="flex flex-col gap-8 pt-4">
+                    <Message v-for="message of messages" :key="message" :class="{'mb-8': !files.length && !uploadedFiles.length}" severity="error">
+                        {{ message }}
+                    </Message>
+
                     <div v-if="files.length > 0">
                         <h5>Pending</h5>
                         <div class="flex flex-wrap gap-4">
@@ -82,8 +86,12 @@ export default {
             </ProgressBar>
         </div>
     </template>
-    <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
+    <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
         <div class="flex flex-col gap-8 pt-4">
+            <Message v-for="message of messages" :key="message" :class="{'mb-8': !files.length && !uploadedFiles.length}" severity="error">
+                {{ message }}
+            </Message>
+
             <div v-if="files.length > 0">
                 <h5>Pending</h5>
                 <div class="flex flex-wrap gap-4">
@@ -140,8 +148,12 @@ export default {
                     </ProgressBar>
                 </div>
             </template>
-            <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
+            <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback, messages }">
                 <div class="flex flex-col gap-8 pt-4">
+                    <Message v-for="message of messages" :key="message" :class="{'mb-8': !files.length && !uploadedFiles.length}" severity="error">
+                        {{ message }}
+                    </Message>
+
                     <div v-if="files.length > 0">
                         <h5>Pending</h5>
                         <div class="flex flex-wrap gap-4">