From 1eb1e82fe49de49a3e2b7a982b06913bfaec479d Mon Sep 17 00:00:00 2001
From: Akshita Goyal <36129505+gakshita@users.noreply.github.com>
Date: Mon, 10 Feb 2025 15:07:30 +0530
Subject: [PATCH] fix: issue icons in published project link (#6576)

---
 space/core/components/issues/navbar/layout-icon.tsx | 13 +++++++++++++
 .../components/issues/navbar/layout-selection.tsx   |  5 +++--
 2 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 space/core/components/issues/navbar/layout-icon.tsx

diff --git a/space/core/components/issues/navbar/layout-icon.tsx b/space/core/components/issues/navbar/layout-icon.tsx
new file mode 100644
index 000000000..cf3b76093
--- /dev/null
+++ b/space/core/components/issues/navbar/layout-icon.tsx
@@ -0,0 +1,13 @@
+import { List, Kanban, LucideProps } from "lucide-react";
+import { TIssueLayout } from "@plane/constants";
+
+export const IssueLayoutIcon = ({ layout, ...props }: { layout: TIssueLayout } & LucideProps) => {
+  switch (layout) {
+    case "list":
+      return <List {...props} />;
+    case "kanban":
+      return <Kanban {...props} />;
+    default:
+      return null;
+  }
+};
diff --git a/space/core/components/issues/navbar/layout-selection.tsx b/space/core/components/issues/navbar/layout-selection.tsx
index 36c8f8e24..3676f0f92 100644
--- a/space/core/components/issues/navbar/layout-selection.tsx
+++ b/space/core/components/issues/navbar/layout-selection.tsx
@@ -14,6 +14,7 @@ import { queryParamGenerator } from "@/helpers/query-param-generator";
 import { useIssueFilter } from "@/hooks/store";
 // mobx
 import { TIssueLayout } from "@/types/issue";
+import { IssueLayoutIcon } from "./layout-icon";
 
 type Props = {
   anchor: string;
@@ -57,8 +58,8 @@ export const IssuesLayoutSelection: FC<Props> = observer((props) => {
               }`}
               onClick={() => handleCurrentBoardView(layout.key)}
             >
-              <layout.icon
-                strokeWidth={2}
+              <IssueLayoutIcon
+                layout={layout.key}
                 className={`size-3.5 ${activeLayout == layout.key ? "text-custom-text-100" : "text-custom-text-200"}`}
               />
             </button>