fix[tools]: fix markdown render in tools page

json-schema-org · Jan 21, 2025 · 21c47da · 21c47da
1 parent ee9538b
commit 21c47da
Showing 1 changed file with 4 additions and 1 deletion.
diff --git 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>
             )}