From 5279f2a9c9d2a115511c269daa4057509ba44400 Mon Sep 17 00:00:00 2001
From: Alie Langston <alangsto@wellesley.edu>
Date: Wed, 29 Sep 2021 14:00:30 -0400
Subject: [PATCH] fix: approved alert should appear for subsequent approved
 attempts

---
 src/account-settings/AccountSettingsPage.jsx | 25 ++++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/account-settings/AccountSettingsPage.jsx b/src/account-settings/AccountSettingsPage.jsx
index 890d1af..d920d1b 100644
--- a/src/account-settings/AccountSettingsPage.jsx
+++ b/src/account-settings/AccountSettingsPage.jsx
@@ -278,15 +278,20 @@ class AccountSettingsPage extends React.Component {
     }
   }
 
-  renderVerifiedNameSuccessMessage = () => (
-    <OneTimeDismissibleAlert
-      id="dismissedVerifiedNameSuccessMessage"
-      variant="success"
-      icon={CheckCircle}
-      header={this.props.intl.formatMessage(messages['account.settings.field.name.verified.success.message.header'])}
-      body={this.props.intl.formatMessage(messages['account.settings.field.name.verified.success.message'])}
-    />
-  )
+  renderVerifiedNameSuccessMessage = (verifiedName, created) => {
+    const dateValue = new Date(created).valueOf();
+    const id = `dismissedVerifiedNameSuccessMessage-${verifiedName}-${dateValue}`;
+
+    return (
+      <OneTimeDismissibleAlert
+        id={id}
+        variant="success"
+        icon={CheckCircle}
+        header={this.props.intl.formatMessage(messages['account.settings.field.name.verified.success.message.header'])}
+        body={this.props.intl.formatMessage(messages['account.settings.field.name.verified.success.message'])}
+      />
+    );
+  }
 
   renderVerifiedNameFailureMessage = (verifiedName, created) => {
     const dateValue = new Date(created).valueOf();
@@ -342,7 +347,7 @@ class AccountSettingsPage extends React.Component {
 
     switch (status) {
       case 'approved':
-        return this.renderVerifiedNameSuccessMessage();
+        return this.renderVerifiedNameSuccessMessage(verifiedName, created);
       case 'denied':
         return this.renderVerifiedNameFailureMessage(verifiedName, created);
       case 'submitted':