fix: modal confrim render content in the p tag

i18n/en_US.yaml

@@ -815,6 +815,7 @@ ui:
         li2_1: Asking for help, seeking clarification, or responding to other answers.
 
     reopen:
+      confirm_btn: Reopen
       title: Reopen this post
       content: Are you sure you want to reopen?
       success: This post has been reopened

ui/src/components/Modal/Confirm.tsx

@@ -45,7 +45,7 @@ const Index = ({
         cancelBtnVariant={cancelBtnVariant}
         confirmBtnVariant={confirmBtnVariant}
         {...props}>
-        <div dangerouslySetInnerHTML={{ __html: content }} />
+        <p dangerouslySetInnerHTML={{ __html: content }} />
       </Modal>,
     );
   }

ui/src/components/Operate/index.tsx

@@ -69,7 +69,7 @@ const Index: FC<IProps> = ({
     if (type === 'question') {
       Modal.confirm({
         title: t('title'),
-        content: hasAnswer ? `<p>${t('question')}</p>` : `<p>${t('other')}</p>`,
+        content: hasAnswer ? t('question') : t('other'),
         cancelBtnVariant: 'link',
         confirmBtnVariant: 'danger',
         confirmText: t('delete', { keyPrefix: 'btns' }),
@@ -90,7 +90,7 @@ const Index: FC<IProps> = ({
     if (type === 'answer' && aid) {
       Modal.confirm({
         title: t('title'),
-        content: isAccepted ? t('answer_accepted') : `<p>${t('other')}</p>`,
+        content: isAccepted ? t('answer_accepted') : t('other'),
         cancelBtnVariant: 'link',
         confirmBtnVariant: 'danger',
         confirmText: t('delete', { keyPrefix: 'btns' }),
@@ -128,6 +128,7 @@ const Index: FC<IProps> = ({
       title: t('title', { keyPrefix: 'question_detail.reopen' }),
       content: t('content', { keyPrefix: 'question_detail.reopen' }),
       cancelBtnVariant: 'link',
+      confirmText: t('confirm_btn', { keyPrefix: 'question_detail.reopen' }),
       onConfirm: () => {
         reopenQuestion({
           question_id: qid,

ui/src/pages/Admin/Answers/index.tsx

@@ -58,7 +58,7 @@ const Answers: FC = () => {
         content:
           item.accepted === 2
             ? t('answer_accepted', { keyPrefix: 'delete' })
-            : `<p>${t('other', { keyPrefix: 'delete' })}</p>`,
+            : t('other', { keyPrefix: 'delete' }),
         cancelBtnVariant: 'link',
         confirmBtnVariant: 'danger',
         confirmText: t('delete', { keyPrefix: 'btns' }),

ui/src/pages/Admin/Questions/index.tsx

@@ -67,8 +67,8 @@ const Questions: FC = () => {
         title: t('title', { keyPrefix: 'delete' }),
         content:
           item.answer_count > 0
-            ? `<p>${t('question', { keyPrefix: 'delete' })}</p>`
-            : `<p>${t('other', { keyPrefix: 'delete' })}</p>`,
+            ? t('question', { keyPrefix: 'delete' })
+            : t('other', { keyPrefix: 'delete' }),
         cancelBtnVariant: 'link',
         confirmBtnVariant: 'danger',
         confirmText: t('delete', { keyPrefix: 'btns' }),