qpp-style 9.18.2-mo-beta.0 → 9.18.2

package/components/NotificationBanner/CollapsedView.js

@@ -2,31 +2,38 @@ import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { BellOutline } from '../../lib/SvgComponents.jsx';
 
-const CollapsedView = (
-  { expandNotification, label },
-  { collapsedWrapperRef, collapsedBannerRef }
-) => {
-  return (
-    <div
-      ref={collapsedWrapperRef}
-      className={`notification-banner-wrapper collapsed-view`}
-      onClick={expandNotification}
-    >
-      <button ref={collapsedBannerRef} className={`notification-banner-label`}>
-        {label}
-        <span className="bell-icon">
-          <svg aria-hidden="true" focusable="false">
-            <BellOutline />
-          </svg>
-        </span>
-      </button>
-    </div>
-  );
-};
+const CollapsedView = forwardRef(
+  (
+    { expandNotification, label },
+    { collapsedWrapperRef, collapsedBannerRef }
+  ) => {
+    return (
+      <div
+        ref={collapsedWrapperRef}
+        className={`notification-banner-wrapper collapsed-view`}
+        onClick={expandNotification}
+      >
+        <button
+          ref={collapsedBannerRef}
+          className={`notification-banner-label`}
+        >
+          {label}
+          <span className="bell-icon">
+            <svg aria-hidden="true" focusable="false">
+              <BellOutline />
+            </svg>
+          </span>
+        </button>
+      </div>
+    );
+  }
+);
+
+CollapsedView.displayName = 'CollapsedView';
 
 CollapsedView.propTypes = {
   expandNotification: PropTypes.func,
   label: PropTypes.string,
 };
 
-export default forwardRef(CollapsedView);
+export default CollapsedView;