feat: render changelog markdown

JMBeresford · Sep 2, 2024 · e87b0f7 · e87b0f7
1 parent cfb9a84
commit e87b0f7
Show file tree

Hide file tree

Showing 3 changed files with 666 additions and 7 deletions.
diff --git a/packages/client/web/components/prompts/version-checks/update-available.tsx b/packages/client/web/components/prompts/version-checks/update-available.tsx
@@ -21,6 +21,8 @@ import { ScrollArea } from "@/components/ui/scroll-area";
 import { Progress } from "@/components/ui/progress";
 import { relaunch } from "@tauri-apps/plugin-process";
 import { ToastAction } from "@/components/ui/toast";
+import Markdown from "react-markdown";
+import classes from "./markdown.module.scss";
 
 type Progress = {
   downloaded: number;
@@ -126,13 +128,15 @@ export function UpdateAvailable() {
 
 function Changelog({ body }: { body?: string }) {
   return (
-    <ScrollArea className="h-full max-h-[65dvh]">
-      <h3 className="font-semibold text-lg">Changelog</h3>
-
-      <p className="text-muted-foreground">
-        {body || "No changelog for this release"}
-      </p>
-    </ScrollArea>
+    <div className="py-2">
+      <ScrollArea className="h-full max-h-[65dvh] p-2 border bg-muted rounded">
+        {body ? (
+          <Markdown className={classes.markdown}>{body}</Markdown>
+        ) : (
+          <p className="text-muted italic">No changelog for this release</p>
+        )}
+      </ScrollArea>
+    </div>
   );
 }
 

diff --git a/packages/client/web/package.json b/packages/client/web/package.json
@@ -47,6 +47,7 @@
     "react": "^18",
     "react-dom": "^18",
     "react-hook-form": "^7.52.0",
+    "react-markdown": "^9.0.1",
     "react-resizable-panels": "^2.0.19",
     "sass": "^1.76.0",
     "tailwind-merge": "^2.3.0",