From beadf9acf0c2058b9427aa95fc63cd3d33ca0a23 Mon Sep 17 00:00:00 2001
From: Patrick Aljord <patcito@gmail.com>
Date: Wed, 3 Jul 2024 14:57:18 +0200
Subject: [PATCH] fix: use parseMardown for uiNotice messages
---
CHANGELOG.md | 4 ++++
.../components/details/VaultActionsTabsWrapper.tsx | 6 +++++-
apps/vaults/components/details/VaultActionsTabsWrapper.tsx | 6 +++++-
3 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 27ae0c715..5048d542b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 0.4.3
+
+- Fix: Use Markdown for uiNotice
+
# 0.4.2
- Feat: Show Only label in combobox
diff --git a/apps/vaults-v3/components/details/VaultActionsTabsWrapper.tsx b/apps/vaults-v3/components/details/VaultActionsTabsWrapper.tsx
index db0cca4c4..02ac46abe 100755
--- a/apps/vaults-v3/components/details/VaultActionsTabsWrapper.tsx
+++ b/apps/vaults-v3/components/details/VaultActionsTabsWrapper.tsx
@@ -17,6 +17,7 @@ import {VaultDetailsQuickActionsTo} from '@vaults-v3/components/details/actions/
import {RewardsTab} from '@vaults-v3/components/details/RewardsTab';
import {SettingsPopover} from '@vaults-v3/components/SettingsPopover';
import {readContracts} from '@wagmi/core';
+import {parseMarkdown} from '@yearn-finance/web-lib/utils/helpers';
import {useYearn} from '@common/contexts/useYearn';
import {IconChevron} from '@common/icons/IconChevron';
@@ -408,7 +409,10 @@ export function VaultActionsTabsWrapper({currentVault}: {currentVault: TYDaemonV
className={'col-span-12 mt-10'}>
<div className={'w-full rounded-3xl bg-neutral-900 p-6 text-neutral-0'}>
<b className={'text-lg'}>{'Oh look, an important message for you to read!'}</b>
- <p className={'mt-2'}>{currentVault?.info.uiNotice}</p>
+ <p
+ className={'mt-2'}
+ dangerouslySetInnerHTML={{__html: parseMarkdown(currentVault?.info.uiNotice)}}
+ />
</div>
</div>
)}
diff --git a/apps/vaults/components/details/VaultActionsTabsWrapper.tsx b/apps/vaults/components/details/VaultActionsTabsWrapper.tsx
index ec6179ec8..3de5f251d 100755
--- a/apps/vaults/components/details/VaultActionsTabsWrapper.tsx
+++ b/apps/vaults/components/details/VaultActionsTabsWrapper.tsx
@@ -24,6 +24,7 @@ import {
VaultDetailsTab
} from '@vaults-v3/components/details/VaultActionsTabsWrapper';
import {readContracts} from '@wagmi/core';
+import {parseMarkdown} from '@yearn-finance/web-lib/utils/helpers';
import {IconChevron} from '@common/icons/IconChevron';
import type {ReactElement} from 'react';
@@ -178,7 +179,10 @@ export function VaultActionsTabsWrapper({currentVault}: {currentVault: TYDaemonV
className={'col-span-12 mt-10'}>
<div className={'w-full rounded-3xl bg-neutral-900 p-6 text-neutral-0'}>
<b className={'text-lg'}>{'Oh look, an important message for you to read!'}</b>
- <p className={'mt-2'}>{currentVault?.info.uiNotice}</p>
+ <p
+ className={'mt-2'}
+ dangerouslySetInnerHTML={{__html: parseMarkdown(currentVault?.info.uiNotice)}}
+ />
</div>
</div>
)}