better latex

betteridea-dev · May 20, 2024 · df706d3 · df706d3
1 parent 9339fad
commit df706d3
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 23 deletions.
diff --git a/next_app/package.json b/next_app/package.json
@@ -48,7 +48,7 @@
     "nextjs-google-analytics": "^2.3.3",
     "react": "^18",
     "react-dom": "^18",
-    "react-latex": "^2.0.0",
+    "react-latex-next": "^3.0.0",
     "react-markdown": "^9.0.1",
     "react-resizable-panels": "^2.0.18",
     "remark-gfm": "^4.0.0",

diff --git a/next_app/pnpm-lock.yaml b/next_app/pnpm-lock.yaml
diff --git a/next_app/src/components/layout.tsx b/next_app/src/components/layout.tsx
@@ -32,7 +32,8 @@ import WarpLanding from "./warp/landing";
 import { luaCompletionProvider } from "@/lib/monaco-completions";
 import Markdown from "react-markdown"
 import remarkGfm from "remark-gfm"
-import Latex from "react-latex"
+import Latex from 'react-latex-next';
+
 
 const monacoConfig: {
   [key: string]: editor.IStandaloneEditorConstructionOptions

diff --git a/next_app/src/components/settings-tab.tsx b/next_app/src/components/settings-tab.tsx
@@ -26,9 +26,9 @@ export default function SettingsTab() {
   return (
     <ScrollArea className="w-full h-full">
       <div className="h-full w-full p-8 max-w-4xl mx-auto">
-        <div className="my-5 mb-12 max-w-xl mx-auto">
+        {/* <div className="my-5 mb-12 max-w-xl mx-auto">
           <Input type="text" placeholder="Search in settings"></Input>
-        </div>
+        </div> */}
 
         <Title title="CURRENT PROJECT" />
         <div className="my-8 grid grid-cols-3">
@@ -41,7 +41,7 @@ export default function SettingsTab() {
         </div>
 
 
-        <div className="mb-8">
+        {/* <div className="mb-8">
           <Title title="NOTIFICATIONS" />
 
           <div className="items-top flex space-x-2.5">
@@ -51,9 +51,9 @@ export default function SettingsTab() {
               Toast notifications
             </Label>
           </div>
-        </div>
+        </div> */}
 
-        <div className="mb-8">
+        {/* <div className="mb-8">
           <Title title="EDITOR STYLE" />
 
           <div className="flex flex-col gap-3">
@@ -74,9 +74,9 @@ export default function SettingsTab() {
               </Label>
             </div>
           </div>
-        </div>
+        </div> */}
 
-        <div className="mb-8">
+        {/* <div className="mb-8">
           <Title title="DISABLE" />
 
           <div className="items-top flex space-x-2.5">
@@ -87,7 +87,7 @@ export default function SettingsTab() {
               <span className="text-sm ml-2 text-muted">(some features might not work correctly if you enable this)</span>
             </Label>
           </div>
-        </div>
+        </div> */}
       </div>
     </ScrollArea>
   );

diff --git a/next_app/src/pages/_app.tsx b/next_app/src/pages/_app.tsx
@@ -1,4 +1,5 @@
 import "@/styles/globals.css";
+import 'katex/dist/katex.min.css';
 import type { AppProps } from "next/app";
 import { Toaster } from "@/components/ui/toaster";
 import { Toaster as Sonner } from "@/components/ui/sonner";
@@ -7,6 +8,7 @@ import { GoogleAnalytics } from "@next/third-parties/google";
 // import { GoogleAnalytics } from "nextjs-google-analytics";
 
 
+
 declare global {
   interface Window {
     arweaveWallet: {