hunk.code_window:   useEffect(() => {
       if (socket) {
         socket.on('unseen_count_changed', (onData: { unseenCount: number }) => {
           if (onData?.unseenCount) {
             setUnseenCount(onData.unseenCount);
           }
         });
       }
  
hunk.labels: keep keep keep keep replace keep keep keep keep keep
hunk.after_edit:         if (!isNaN(onData?.unseenCount)) {
  
hunk.file_path: packages/notification-center/src/components/novu-provider/NovuProvider.tsx
hunk.type: replace
file: import React from 'react';
  /* eslint-disable */
  
  export interface IIconProps {
    disabled?: boolean;
    width?: string;
    height?: string;
  }
  export function MobileGradient({ disabled = false, width = '30px', height = '31px' }: IIconProps) {
    return (
      <svg width={width} height={height} viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M15 23H15.01M8.75 3H21.25C22.6307 3 23.75 4.11929 23.75 5.5V25.5C23.75 26.8807 22.6307 28 21.25 28H8.75C7.36929 28 6.25 26.8807 6.25 25.5V5.5C6.25 4.11929 7.36929 3 8.75 3Z"
          stroke={!disabled ? 'url(#paint0_linear_440_2955)' : 'currentColor'}
          strokeWidth="2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <defs>
          <linearGradient id="paint0_linear_440_2955" x1="15" y1="28" x2="15" y2="3" gradientUnits="userSpaceOnUse">
            <stop stopColor="#FF512F" />
            <stop offset="1" stopColor="#DD2476" />
          </linearGradient>
        </defs>
      </svg>
    );
  }
  