From 67aa85a5088fd7e42d967a3c46f0869e0c36533e Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Thu, 12 Dec 2024 18:42:27 +0530
Subject: [PATCH] feat: add private note example

---
 .../message/stories/MessageBubbles.story.vue       | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/components-next/message/stories/MessageBubbles.story.vue b/app/javascript/dashboard/components-next/message/stories/MessageBubbles.story.vue
index 5bbd5aa28..1fd027d25 100644
--- a/app/javascript/dashboard/components-next/message/stories/MessageBubbles.story.vue
+++ b/app/javascript/dashboard/components-next/message/stories/MessageBubbles.story.vue
@@ -71,7 +71,14 @@ const baseSenderData = computed(() => {
   };
 });
 
-const simpleText = computed(() => getMessage(baseSenderData.value));
+const simpleText = computed(() =>
+  getMessage({
+    ...baseSenderData.value,
+  })
+);
+const privateText = computed(() =>
+  getMessage({ private: true, ...baseSenderData.value })
+);
 
 const activityMessage = computed(() =>
   getMessage({
@@ -158,6 +165,11 @@ const email = computed(() =>
         <Message :current-user-id="1" v-bind="activityMessage" />
       </div>
     </Variant>
+    <Variant title="Private Message">
+      <div class="p-4 bg-n-background rounded-lg w-full min-w-5xl grid">
+        <Message :current-user-id="1" v-bind="privateText" />
+      </div>
+    </Variant>
 
     <!-- Platform Specific -->
     <Variant title="Email">