fix(artifact): fix Artifact File details markdown format (#1570)

Because - fix Artifact File details markdown format This commit - fix Artifact File details markdown format
instill-ai · Oct 29, 2024 · d67e6c0 · d67e6c0
1 parent cfcd5ae
commit d67e6c0
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 4 deletions.
diff --git a/packages/sdk/package.json b/packages/sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "instill-sdk",
-  "version": "0.10.0",
+  "version": "0.11.0-rc.0",
   "description": "Instill AI's Typescript SDK",
   "repository": "https://github.com/instill-ai/typescript-sdk.git",
   "bugs": "https://github.com/instill-ai/community/issues",

diff --git a/packages/toolkit/package.json b/packages/toolkit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@instill-ai/toolkit",
-  "version": "0.109.0",
+  "version": "0.110.0-rc.1",
   "description": "Instill AI's frontend toolkit",
   "repository": "https://github.com/instill-ai/design-system.git",
   "bugs": "https://github.com/instill-ai/design-system/issues",

diff --git a/.../sdk-helper/getInstillApiErrorMessage.tsx → ...b/sdk-helper/getInstillApiErrorMessage.ts b/.../sdk-helper/getInstillApiErrorMessage.tsx → ...b/sdk-helper/getInstillApiErrorMessage.ts
diff --git a/packages/toolkit/src/lib/sdk-helper/index.ts b/packages/toolkit/src/lib/sdk-helper/index.ts
@@ -4,6 +4,7 @@ import { env } from "../../server";
 
 export * from "./checkIsDefinition";
 export * from "./createInstillAxiosClient";
+export * from "./getInstillApiErrorMessage";
 export * from "./getInstillAPIClient";
 export * from "./getInstillApplicationAPIClient";
 export * from "./getInstillModelAPIClient";

diff --git a/packages/toolkit/src/view/catalog/components/FileDetailsOverlay.tsx b/packages/toolkit/src/view/catalog/components/FileDetailsOverlay.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import * as React from "react";
+import Markdown from "markdown-to-jsx";
 import sanitizeHtml from "sanitize-html";
 
 import { Dialog, ScrollArea, Skeleton } from "@instill-ai/design-system";
@@ -138,8 +139,8 @@ const FileDetailsOverlay = ({
               <Skeleton className="h-4 w-3/4" />
             </div>
           ) : (
-            <article className="prose whitespace-pre-wrap">
-              <div dangerouslySetInnerHTML={{ __html: sanitizedHtmlText }} />
+            <article className="prose-sm prose-ol:list-decimal prose-ul:list-disc">
+              <Markdown>{sanitizedHtmlText}</Markdown>
             </article>
           )}
         </ScrollArea.Root>