ben.carrasco/prowler
1
0
Fork 0
mirror of https://github.com/prowler-cloud/prowler.git synced 2026-07-23 20:42:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: render attributes as markdown

Browse Source
This commit is contained in:
HugoPBrito
2025-08-28 16:04:12 +02:00
parent 162be32ac5
commit 9c14c16448
1 changed files with 26 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/components/findings/table/finding-detail.tsx
+26 -13
View File
@@ -1,6 +1,7 @@
"use client";
import { Snippet } from "@nextui-org/react";
import ReactMarkdown from "react-markdown";
import { CodeSnippet } from "@/components/ui/code-snippet/code-snippet";
import { CustomSection } from "@/components/ui/custom";
@@ -122,15 +123,21 @@ export const FindingDetail = ({
hideCopyButton
hideSymbol
>
<p className="whitespace-pre-line">
{attributes.check_metadata.risk}
</p>
{/* eslint-disable-next-line */}
<div className="prose prose-sm max-w-none dark:prose-invert">
<ReactMarkdown>{attributes.check_metadata.risk}</ReactMarkdown>
</div>
</Snippet>
</InfoField>
)}
<InfoField label="Description">
{renderValue(attributes.check_metadata.description)}
{/* eslint-disable-next-line */}
<div className="prose prose-sm max-w-none dark:prose-invert">
<ReactMarkdown>
{attributes.check_metadata.description}
</ReactMarkdown>
</div>
</InfoField>
<InfoField label="Status Extended">
@@ -147,9 +154,15 @@ export const FindingDetail = ({
{attributes.check_metadata.remediation.recommendation.text && (
<InfoField label="Recommendation">
<div className="flex flex-col gap-2">
<p>
{attributes.check_metadata.remediation.recommendation.text}
</p>
{/* eslint-disable-next-line */}
<div className="prose prose-sm max-w-none dark:prose-invert">
<ReactMarkdown>
{
attributes.check_metadata.remediation.recommendation
.text
}
</ReactMarkdown>
</div>
{attributes.check_metadata.remediation.recommendation.url && (
<CustomLink
href={
@@ -178,12 +191,12 @@ export const FindingDetail = ({
{/* Additional Resources section */}
{attributes.check_metadata.remediation.code.other && (
<InfoField label="Additional Resources">
<CustomLink
href={attributes.check_metadata.remediation.code.other}
size="sm"
>
View documentation
</CustomLink>
{/* eslint-disable-next-line */}
<div className="prose prose-sm max-w-none dark:prose-invert">
<ReactMarkdown>
{attributes.check_metadata.remediation.code.other}
</ReactMarkdown>
</div>
</InfoField>
)}
</div>