From 5692c0e07df333eb56207860c05997ab23c7658b Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Tue, 2 May 2023 23:44:42 -0700
Subject: [PATCH] add formatted message to reset website

---
 components/messages.js                                 | 4 ++++
 components/pages/settings/websites/WebsiteResetForm.js | 9 +++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/messages.js b/components/messages.js
index aa268225..245e8591 100644
--- a/components/messages.js
+++ b/components/messages.js
@@ -158,6 +158,10 @@ export const messages = defineMessages({
     id: 'message.team-already-member',
     defaultMessage: 'You are already a member of the team.',
   },
+  deleteAccount: {
+    id: 'message.delete-account',
+    defaultMessage: 'To delete this account, type {confirmation} in the box below to confirm.',
+  },
   deleteWebsite: {
     id: 'message.delete-website',
     defaultMessage: 'To delete this website, type {confirmation} in the box below to confirm.',
diff --git a/components/pages/settings/websites/WebsiteResetForm.js b/components/pages/settings/websites/WebsiteResetForm.js
index 4ac24169..5fc0acf7 100644
--- a/components/pages/settings/websites/WebsiteResetForm.js
+++ b/components/pages/settings/websites/WebsiteResetForm.js
@@ -13,7 +13,7 @@ import useMessages from 'hooks/useMessages';
 const CONFIRM_VALUE = 'RESET';
 
 export function WebsiteResetForm({ websiteId, onSave, onClose }) {
-  const { formatMessage, labels, messages } = useMessages();
+  const { formatMessage, labels, messages, FormattedMessage } = useMessages();
   const { post, useMutation } = useApi();
   const { mutate, error } = useMutation(data => post(`/websites/${websiteId}/reset`, data));
 
@@ -28,7 +28,12 @@ export function WebsiteResetForm({ websiteId, onSave, onClose }) {
 
   return (
     <Form onSubmit={handleSubmit} error={error}>
-      <p>{formatMessage(messages.resetWebsite, { confirmation: CONFIRM_VALUE })}</p>
+      <p>
+        <FormattedMessage
+          {...messages.resetWebsite}
+          values={{ confirmation: <b>{CONFIRM_VALUE}</b> }}
+        />
+      </p>
       <FormRow label={formatMessage(labels.confirm)}>
         <FormInput name="confirm" rules={{ validate: value => value === CONFIRM_VALUE }}>
           <TextField autoComplete="off" />