NotificationCountBadge -> NotificationIconWithCountBadge

apps/app/src/components/Sidebar/SidebarNav/NotificationCountBadge.tsx → apps/app/src/components/Sidebar/SidebarNav/NotificationIconWithCountBadge.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { useSWRxInAppNotificationStatus } from '~/stores/in-app-notification';
 
-export const NotificationCountBadge: React.FC = () => {
+export const NotificationIconWithCountBadge: React.FC = () => {
   const { data: inAppNotificationStatus } = useSWRxInAppNotificationStatus();
   return (
     <>

apps/app/src/components/Sidebar/SidebarNav/PrimaryItems.tsx

@@ -3,7 +3,7 @@ import { FC, memo, useCallback } from 'react';
 import { SidebarContentsType, SidebarMode } from '~/interfaces/ui';
 import { useCollapsedContentsOpened, useCurrentSidebarContents, useSidebarMode } from '~/stores/ui';
 
-import { NotificationCountBadge } from './NotificationCountBadge';
+import { NotificationIconWithCountBadge } from './NotificationIconWithCountBadge';
 
 import styles from './PrimaryItems.module.scss';
 
@@ -74,7 +74,7 @@ const PrimaryItem: FC<PrimaryItemProps> = (props: PrimaryItemProps) => {
       onMouseEnter={mouseEnteredHandler}
     >
       { contents === SidebarContentsType.NOTIFICATION
-        ? <NotificationCountBadge />
+        ? <NotificationIconWithCountBadge />
         : <span className="material-symbols-outlined">{iconName}</span>
       }
     </button>