Added support for markdown descriptions & removed linkify

client/package.json

@@ -6,7 +6,6 @@
     "@monaco-editor/react": "^4.6.0",
     "date-fns": "^4.1.0",
     "framer-motion": "^11.11.9",
-    "linkify-react": "^4.1.3",
     "lucide-react": "^0.452.0",
     "monaco-editor": "^0.52.0",
     "parse-duration": "^1.1.0",

client/src/components/snippets/list/SnippetCard.tsx

@@ -5,8 +5,7 @@ import { ConfirmationModal } from '../../common/modals/ConfirmationModal';
 import { Snippet } from '../../../types/snippets';
 import CategoryList from '../../categories/CategoryList';
 import { PreviewCodeBlock } from '../../editor/PreviewCodeBlock';
-import Linkify from 'linkify-react';
-import { linkifyOptions } from '../../../constants/linkify';
+import ReactMarkdown from 'react-markdown';
 import { formatDistanceToNow } from 'date-fns';
 import { getUniqueLanguages } from '../../../utils/language/languageUtils';
 
@@ -174,10 +173,10 @@ export const SnippetCard: React.FC<SnippetCardProps> = ({
           </div>
 
           {!compactView && (
-            <p className="text-sm text-light-text dark:text-dark-text mb-3 line-clamp-2">
-              <Linkify options={linkifyOptions}>
+            <p className="text-sm text-light-text dark:text-dark-text mb-3 line-clamp-1">
+              <ReactMarkdown className={`markdown prose max-w-none`}>
                 {snippet.description || 'No description available'}
-              </Linkify>
+              </ReactMarkdown>
             </p>
           )}
 

client/src/components/snippets/view/FullCodeView.tsx

@@ -5,8 +5,7 @@ import { Snippet } from '../../../types/snippets';
 import CategoryList from '../../categories/CategoryList';
 import { getLanguageLabel, getUniqueLanguages } from '../../../utils/language/languageUtils';
 import { FullCodeBlock } from '../../editor/FullCodeBlock';
-import Linkify from 'linkify-react';
-import { linkifyOptions } from '../../../constants/linkify';
+import ReactMarkdown from 'react-markdown';
 
 interface FullCodeViewProps {
   showTitle?: boolean;
@@ -73,9 +72,9 @@ export const FullCodeView: React.FC<FullCodeViewProps> = ({
 
           {/* Description */}
           <div className="text-sm text-light-text dark:text-dark-text mt-3">
-            <Linkify options={linkifyOptions}>
+            <ReactMarkdown className={`markdown prose max-w-none`}>
               {snippet.description || 'No description available'}
-            </Linkify>
+            </ReactMarkdown>
           </div>
 
           {/* Categories */}