remove usage of dangerouslySetInnerHTML

This commit is contained in:
CJ Pais 2026-03-14 11:52:40 +08:00
parent 46fd170d69
commit 79f28f515c

View file

@ -1,5 +1,5 @@
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import { useTranslation } from "react-i18next"; import { Trans, useTranslation } from "react-i18next";
import { RefreshCcw } from "lucide-react"; import { RefreshCcw } from "lucide-react";
import { commands } from "@/bindings"; import { commands } from "@/bindings";
@ -314,12 +314,12 @@ const PostProcessingSettingsPromptsComponent: React.FC = () => {
"settings.postProcessing.prompts.promptInstructionsPlaceholder", "settings.postProcessing.prompts.promptInstructionsPlaceholder",
)} )}
/> />
<p <p className="text-xs text-mid-gray/70">
className="text-xs text-mid-gray/70" <Trans
dangerouslySetInnerHTML={{ i18nKey="settings.postProcessing.prompts.promptTip"
__html: t("settings.postProcessing.prompts.promptTip"), components={{ code: <code /> }}
}} />
/> </p>
</div> </div>
<div className="flex gap-2 pt-2"> <div className="flex gap-2 pt-2">
@ -381,12 +381,12 @@ const PostProcessingSettingsPromptsComponent: React.FC = () => {
"settings.postProcessing.prompts.promptInstructionsPlaceholder", "settings.postProcessing.prompts.promptInstructionsPlaceholder",
)} )}
/> />
<p <p className="text-xs text-mid-gray/70">
className="text-xs text-mid-gray/70" <Trans
dangerouslySetInnerHTML={{ i18nKey="settings.postProcessing.prompts.promptTip"
__html: t("settings.postProcessing.prompts.promptTip"), components={{ code: <code /> }}
}} />
/> </p>
</div> </div>
<div className="flex gap-2 pt-2"> <div className="flex gap-2 pt-2">