From 77fccdc949a9ce149f8109f5413b1c2839014888 Mon Sep 17 00:00:00 2001
From: kubilaysalih <kubilay@kubilay.io>
Date: Wed, 11 Sep 2024 16:44:11 +0300
Subject: [PATCH] Add preview image to board

---
 apiserver/plane/utils/grouper.py                          | 1 +
 web/core/components/issues/issue-layouts/kanban/block.tsx | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/apiserver/plane/utils/grouper.py b/apiserver/plane/utils/grouper.py
index ba52bca03d3..88741f2a022 100644
--- a/apiserver/plane/utils/grouper.py
+++ b/apiserver/plane/utils/grouper.py
@@ -74,6 +74,7 @@ def issue_on_results(issues, group_by, sub_group_by):
         "sequence_id",
         "project_id",
         "parent_id",
+        "description_html",
         "cycle_id",
         "sub_issues_count",
         "created_at",
diff --git a/web/core/components/issues/issue-layouts/kanban/block.tsx b/web/core/components/issues/issue-layouts/kanban/block.tsx
index 57ae78f63a2..a3795ddb037 100644
--- a/web/core/components/issues/issue-layouts/kanban/block.tsx
+++ b/web/core/components/issues/issue-layouts/kanban/block.tsx
@@ -60,6 +60,8 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
     e.preventDefault();
   };
 
+  const matchedImage = issue?.description_html?.match(/<img[^>]+src="([^">]+)"/)?.[1]
+
   return (
     <>
       <WithDisplayPropertiesHOC displayProperties={displayProperties || {}} displayPropertyKey="key">
@@ -91,6 +93,8 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
         </div>
       </Tooltip>
 
+      {matchedImage && <img class="w-full h-auto" src={matchedImage} />}
+
       <IssueProperties
         className="flex flex-wrap items-center gap-2 whitespace-nowrap text-custom-text-300 pt-1.5"
         issue={issue}