Add autohide to the removeal message

MetaMask · Jan 25, 2023 · d74e51e · d74e51e
1 parent 76e8306
commit d74e51e
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/ui/pages/home/home.component.js b/ui/pages/home/home.component.js
@@ -276,6 +276,7 @@ export default class Home extends PureComponent {
     } = this.props;
 
     const onAutoHide = () => setNewCollectibleAddedMessage('');
+    const autoHideDelay = 5 * SECOND;
 
     return (
       <MultipleNotifications>
@@ -320,7 +321,7 @@ export default class Home extends PureComponent {
           <ActionableMessage
             type="success"
             className="home__new-network-notification"
-            autoHideTime={5 * SECOND}
+            autoHideTime={autoHideDelay}
             onAutoHide={onAutoHide}
             message={
               <Box display={DISPLAY.INLINE_FLEX}>
@@ -345,6 +346,8 @@ export default class Home extends PureComponent {
           <ActionableMessage
             type="danger"
             className="home__new-network-notification"
+            autoHideTime={autoHideDelay}
+            onAutoHide={onAutoHide}
             message={
               <Box display={DISPLAY.INLINE_FLEX}>
                 <i className="fa fa-check-circle home__new-nft-notification-icon" />