Adding LaTeX Support

ArhanAnsari · Nov 26, 2024 · a2a258c · a2a258c
1 parent 7ef0dfc
commit a2a258c
Showing 1 changed file with 25 additions and 9 deletions.
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
@@ -186,15 +186,31 @@ export default function Dashboard() {
                 <h2 className="text-lg md:text-xl font-semibold mb-4">Previously Generated Content</h2>
                 {previousContent.length ? (
                     <div className="flex flex-col space-y-4">
-                        {previousContent.map((content) => (
-                            <div key={content.id} className="border p-4 rounded break-words overflow-x-auto">
-                                <h3 className="font-semibold">{content.question}</h3>
-                                <MarkdownRenderer content={content.response} />
-                                <p className="text-sm text-gray-500">
-                                    Generated on {new Date(content.createdAt).toLocaleString()}
-                                </p>
-                            </div>
-                        ))}
+                        {previousContent.map((content) => {
+                            const isMathContent =
+                                content.response.trim().startsWith("$$") &&
+                                content.response.trim().endsWith("$$");
+
+                            return (
+                                <div
+                                    key={content.id}
+                                    className="border p-4 rounded break-words overflow-x-auto"
+                                >
+                                    <h3 className="font-semibold">{content.question}</h3>
+                                    {isMathContent ? (
+                                        <MathRenderer
+                                            content={content.response.slice(2, -2).trim()}
+                                            displayMode={true}
+                                        />
+                                    ) : (
+                                        <MarkdownRenderer content={content.response} />
+                                    )}
+                                    <p className="text-sm text-gray-500">
+                                        Generated on {new Date(content.createdAt).toLocaleString()}
+                                    </p>
+                                </div>
+                            );
+                        })}
                     </div>
                 ) : (
                     <p>No previous content found.</p>