From 10f3139875d475a47b7afe728f51372e32b32f28 Mon Sep 17 00:00:00 2001
From: "a.langner" <langner@goserver-software.de>
Date: Wed, 3 Nov 2021 13:18:51 +0100
Subject: [PATCH] add property "icon" to Message.vue to display a custom icon

---
 src/components/message/Message.vue | 8 ++++++--
 src/views/message/MessageDemo.vue  | 3 +++
 src/views/message/MessageDoc.vue   | 8 +++++++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/message/Message.vue b/src/components/message/Message.vue
index 414570cda..0f45e7cbc 100755
--- a/src/components/message/Message.vue
+++ b/src/components/message/Message.vue
@@ -36,7 +36,11 @@ export default {
         life: {
             type: Number,
             default: 3000
-        }
+        },
+        icon: {
+            type: String,
+            default: null
+        },
     },
     timeout: null,
     data() {
@@ -62,7 +66,7 @@ export default {
             return 'p-message p-component p-message-' + this.severity;
         },
         iconClass() {
-            return ['p-message-icon pi', {
+            return ['p-message-icon pi', this.icon ? this.icon : {
                 'pi-info-circle': this.severity === 'info',
                 'pi-check': this.severity === 'success',
                 'pi-exclamation-triangle': this.severity === 'warn',
diff --git a/src/views/message/MessageDemo.vue b/src/views/message/MessageDemo.vue
index 74a4f3a0b..ca93863d0 100755
--- a/src/views/message/MessageDemo.vue
+++ b/src/views/message/MessageDemo.vue
@@ -16,6 +16,9 @@
                 <Message severity="warn">Warning Message Content</Message>
                 <Message severity="error">Error Message Content</Message>
 
+                <h5>Custom Icon</h5>
+                <Message severity="info" icon="pi-send">Info Message Content</Message>
+
                 <h5>Dynamic</h5>
                 <Button label="Show" @click="addMessages()" />
                 <transition-group name="p-message" tag="div">
diff --git a/src/views/message/MessageDoc.vue b/src/views/message/MessageDoc.vue
index 47f136137..6e1363bd0 100755
--- a/src/views/message/MessageDoc.vue
+++ b/src/views/message/MessageDoc.vue
@@ -113,6 +113,12 @@ import InlineMessage from 'primevue/inlinemessage';
                         <td>number</td>
                         <td>3000</td>
                         <td>Delay in milliseconds to close the message automatically.</td>
+                    </tr>
+                    <tr>
+                        <td>icon</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Display a custom icon for the message.</td>
                     </tr>
 				</tbody>
 			</table>
@@ -516,4 +522,4 @@ button.p-button {
         }
     }
 }
-</script>
\ No newline at end of file
+</script>