Merge pull request #600 from SUI-Components/feature/XCOMP-9946/remove…

…-counter-in-badge-user

components/dropdown/user/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/react-dropdown-user",
-  "version": "1.38.0",
+  "version": "2.0.0",
   "description": "SUI Dropdown User",
   "main": "lib/index.js",
   "scripts": {

components/dropdown/user/src/index.js

@@ -1,14 +1,12 @@
 /* eslint-disable react/prop-types */
 import {useReducer} from 'react'
-
-import cx from 'classnames'
 import PropTypes from 'prop-types'
-
+import cx from 'classnames'
 import MoleculeBadgeCounter, {
   moleculeBadgeCounterSizes
 } from '@s-ui/react-molecule-badge-counter'
 
-import {reducer, reducerActions, reducerInitialState} from './reducer'
+import {reducerActions, reducerInitialState, reducer} from './reducer'
 
 const DropdownUser = ({
   expandOnMouseOver = false,
@@ -19,7 +17,8 @@ const DropdownUser = ({
   ),
   menu,
   hasNotifications = menu.some(({notifications}) => Boolean(notifications)),
-  user
+  user,
+  hasBadgeLabel = false
 }) => {
   const [state, dispatch] = useReducer(reducer, reducerInitialState)
 
@@ -63,7 +62,7 @@ const DropdownUser = ({
           {hasLinkNotifications && (
             <span className="sui-DropdownUserMenu-listNotification">
               <MoleculeBadgeCounter
-                label={notifications}
+                label={!!hasBadgeLabel && notifications}
                 size={moleculeBadgeCounterSizes.LARGE}
               />
             </span>
@@ -157,9 +156,13 @@ DropdownUser.propTypes = {
    */
   linkFactory: PropTypes.func,
   /**
-   * Hasnotifications to show a badge notification.
+   * hasnotifications to show a badge notification.
+   */
+  hasNotifications: PropTypes.bool,
+  /**
+   * hasBadgeLabel to show a counter in the badge notification.
    */
-  hasNotifications: PropTypes.bool
+  hasBadgeLabel: PropTypes.bool
 }
 
 export default DropdownUser