From 21c47da1c9791db2b1b9c21f6e2c8abc3aa47a7c Mon Sep 17 00:00:00 2001
From: karan-palan <karanpalan007@gmail.com>
Date: Tue, 21 Jan 2025 15:39:00 +0530
Subject: [PATCH] fix[tools]: fix markdown render in tools page

---
 pages/tools/components/ToolingDetailModal.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/tools/components/ToolingDetailModal.tsx b/pages/tools/components/ToolingDetailModal.tsx
index 5f39a6fc5..c2062ac21 100644
--- a/pages/tools/components/ToolingDetailModal.tsx
+++ b/pages/tools/components/ToolingDetailModal.tsx
@@ -8,6 +8,7 @@ import toTitleCase from '../lib/toTitleCase';
 import Link from 'next/link';
 import Image from 'next/image';
 import Tag from './ui/Tag';
+import Markdown from 'markdown-to-jsx';
 
 export default function ToolingDetailModal({
   tool,
@@ -133,7 +134,9 @@ export default function ToolingDetailModal({
             {tool.toolingListingNotes && (
               <div className='break-inside-avoid mb-4'>
                 <h3 className='text-lg font-semibold'>Tooling Listing Notes</h3>
-                <p>{tool.toolingListingNotes}</p>
+                <div className='prose dark:prose-invert'>
+                  <Markdown>{tool.toolingListingNotes}</Markdown>
+                </div>
               </div>
             )}