From b2ebe708db971e8b00990c28ec7b02848b6113c3 Mon Sep 17 00:00:00 2001
From: gurusainath <gurusainath007@gmail.com>
Date: Wed, 16 Aug 2023 13:15:17 +0530
Subject: [PATCH] chore: tip-tap editor update in workspace user activity

---
 .../[workspaceSlug]/me/profile/activity.tsx   | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/apps/app/pages/[workspaceSlug]/me/profile/activity.tsx b/apps/app/pages/[workspaceSlug]/me/profile/activity.tsx
index fcf30aca02a..67f3a77ee45 100644
--- a/apps/app/pages/[workspaceSlug]/me/profile/activity.tsx
+++ b/apps/app/pages/[workspaceSlug]/me/profile/activity.tsx
@@ -10,6 +10,7 @@ import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
 import SettingsNavbar from "layouts/settings-navbar";
 // components
 import { ActivityIcon, ActivityMessage } from "components/core";
+import Tiptap, { ITiptapRichTextEditor } from "components/tiptap";
 // icons
 import { ArrowTopRightOnSquareIcon, ChatBubbleLeftEllipsisIcon } from "@heroicons/react/24/outline";
 // ui
@@ -104,14 +105,16 @@ const ProfileActivity = () => {
                             </p>
                           </div>
                           <div className="issue-comments-section p-0">
-                            {/* // TODO: Check these styles */}
-                            <div
-                              dangerouslySetInnerHTML={{
-                                __html:
-                                  activityItem?.new_value !== ""
-                                    ? activityItem.new_value
-                                    : activityItem.old_value,
-                              }}
+                            <Tiptap
+                              value={
+                                activityItem?.new_value !== ""
+                                  ? activityItem.new_value
+                                  : activityItem.old_value
+                              }
+                              customClassName="text-xs border border-custom-border-200 bg-custom-background-100"
+                              noBorder
+                              borderOnFocus={false}
+                              editable={false}
                             />
                           </div>
                         </div>