Fixing table markdown formatting

website/package.json

@@ -30,6 +30,7 @@
     "gray-matter": "^4.0.3",
     "hast-util-is-element": "^1.1.0",
     "js-yaml": "^4.1.0",
+    "markdown-to-jsx": "^7.5.0",
     "mobx": "^6.3.9",
     "node-polyfill-webpack-plugin": "^1.1.4",
     "papaparse": "^5.3.2",

website/snippets/_enterprise-permissions-table.md

@@ -19,14 +19,14 @@ Account roles enable you to manage the dbt Cloud account and manage the account
 {`
 | Account-level permission| Account Admin | Billing admin |  Manage marketplace apps | Project creator | Security admin | Viewer | 
 |:-----------------------:|:-------------:|:--------------:|:------------------------:|:---------------:|:--------------:|:-------:|
-| Account settings        |     W         |       -        |        -                  |        R        |       R        |   R    |
+| [Account settings](https://www.youtube.com)        |     **W**         |       -        |        -                  |        _R_        |       R        |   R    |
 | Audit logs              |     R         |        -       |        -                  |        -        |       R        |   R    |
 | Auth provider           |     W         |       -        |        -                  |        -        |       W        |   R    |
 | Billing                 |     W         |       W       |         -                 |         -       |        -        |   R    |
 | Connections             |     W         |       -        |        -                  |        W        |       -        |   -     |
 | Groups                  |     W         |       -        |        -                  |        R        |       W        |   R    |
 | Invitations             |     W         |       -        |        -                  |        W        |       W        |   R    |
-| IP restrictions         |     W         |       -        |        -                  |        -        |       W        |   R    |
+| [IP restrictions](https://www.youtube.com)         |     W         |       -        |        -                  |        -        |       W        |   R    |
 | Licenses                |     W         |       -        |        -                  |        W        |       W        |   R    |
 | Marketplace app         |     -          |       -        |            W              |       -         |      -         |  -     |
 | Members                 |     W         |       -        |        -                  |        W        |       W        |   R    |

website/src/components/sortableTable/index.js

@@ -1,4 +1,13 @@
 import React, { useState } from 'react';
+import Markdown from 'markdown-to-jsx';
+
+const stripMarkdown = (text) => {
+  // Remove link syntax: [text](url) -> text
+  let strippedText = text.replace(/\[([^\]]+)\]\([^)]+\)/g, '$1');
+  // Remove other Markdown characters like *, _, ~, ` (for bold, italics, etc.)
+  strippedText = strippedText.replace(/[_*`~]/g, '');
+  return strippedText;
+};
 
 const parseMarkdownTable = (markdown) => {
   const rows = markdown.trim().split('\n');
@@ -17,7 +26,6 @@ const parseMarkdownTable = (markdown) => {
     }
   });
 
-  // Get the table data
   const data = rows.slice(2).map(row => row.split('|').map(cell => cell.trim()).filter(Boolean));
 
   return { headers, data, columnAlignments };
@@ -34,8 +42,9 @@ const SortableTable = ({ children }) => {
     setSortConfig({ key: keyIndex, direction: newDirection });
 
     const sortedData = [...data].sort((a, b) => {
-      const aVal = a[keyIndex];
-      const bVal = b[keyIndex];
+
+      const aVal = stripMarkdown(a[keyIndex]);
+      const bVal = stripMarkdown(b[keyIndex]);
       if (aVal < bVal) return newDirection === 'asc' ? -1 : 1;
       if (aVal > bVal) return newDirection === 'asc' ? 1 : -1;
       return 0;
@@ -92,7 +101,7 @@ const SortableTable = ({ children }) => {
                   padding: '8px' 
                 }}
               >
-                {cell || '\u00A0'}
+                <Markdown>{cell || '\u00A0'}</Markdown>
               </td>
             ))}
           </tr>