From aa418e0beda893e1a575ec2e09f7e27f492ebd26 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Thu, 13 Apr 2023 17:20:42 -0700
Subject: [PATCH] add delete user label for modal

---
 components/messages.js                                  | 1 +
 components/pages/settings/users/UsersTable.js           | 2 +-
 components/pages/settings/websites/WebsiteDeleteForm.js | 5 ++++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/messages.js b/components/messages.js
index bfb173e8..de92ce8f 100644
--- a/components/messages.js
+++ b/components/messages.js
@@ -10,6 +10,7 @@ export const labels = defineMessages({
   leave: { id: 'label.leave', defaultMessage: 'Leave' },
   users: { id: 'label.users', defaultMessage: 'Users' },
   createUser: { id: 'label.create-user', defaultMessage: 'Create user' },
+  deleteUser: { id: 'label.delete-users', defaultMessage: 'Delete user' },
   username: { id: 'label.username', defaultMessage: 'Username' },
   password: { id: 'label.password', defaultMessage: 'Password' },
   role: { id: 'label.role', defaultMessage: 'Role' },
diff --git a/components/pages/settings/users/UsersTable.js b/components/pages/settings/users/UsersTable.js
index 5ea3806c..c60f11ff 100644
--- a/components/pages/settings/users/UsersTable.js
+++ b/components/pages/settings/users/UsersTable.js
@@ -52,7 +52,7 @@ export default function UsersTable({ data = [], onDelete }) {
                 </Icon>
                 <Text>{formatMessage(labels.delete)}</Text>
               </Button>
-              <Modal>
+              <Modal title={formatMessage(labels.deleteUser)}>
                 {close => (
                   <UserDeleteForm
                     userId={row.id}
diff --git a/components/pages/settings/websites/WebsiteDeleteForm.js b/components/pages/settings/websites/WebsiteDeleteForm.js
index 6bac4397..13729b11 100644
--- a/components/pages/settings/websites/WebsiteDeleteForm.js
+++ b/components/pages/settings/websites/WebsiteDeleteForm.js
@@ -29,7 +29,10 @@ export default function WebsiteDeleteForm({ websiteId, onSave, onClose }) {
   return (
     <Form onSubmit={handleSubmit} error={error}>
       <p>
-        <FormattedMessage {...messages.deleteWebsite} values={{ confirmation: CONFIRM_VALUE }} />
+        <FormattedMessage
+          {...messages.deleteWebsite}
+          values={{ confirmation: <b>{CONFIRM_VALUE}</b> }}
+        />
       </p>
       <FormRow label={formatMessage(labels.confirm)}>
         <FormInput name="confirmation" rules={{ validate: value => value === CONFIRM_VALUE }}>