chore: 🔥 updated file names - notification

deriv-com · Sep 24, 2024 · 0699127 · 0699127
1 parent aae0834
commit 0699127
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/...t/header/Notifications/notifications.scss → ...m-notifications/custom-notifications.scss b/...t/header/Notifications/notifications.scss → ...m-notifications/custom-notifications.scss
diff --git a/...nts/layout/header/Notifications/index.tsx → ...om-notifications/custom-notifications.tsx b/...nts/layout/header/Notifications/index.tsx → ...om-notifications/custom-notifications.tsx
@@ -2,10 +2,10 @@ import { useState } from 'react';
 import clsx from 'clsx';
 import { LegacyNotificationIcon } from '@deriv/quill-icons';
 import { useTranslations } from '@deriv-com/translations';
-import { Notifications as UINotifications, Tooltip, useDevice } from '@deriv-com/ui';
-import './notifications.scss';
+import { Notifications, Tooltip, useDevice } from '@deriv-com/ui';
+import './custom-notifications.scss';
 
-export const Notifications = () => {
+const CustomNotifications = () => {
     const [isOpen, setIsOpen] = useState(false);
     const { localize } = useTranslations();
     const { isMobile } = useDevice();
@@ -20,7 +20,7 @@ export const Notifications = () => {
             >
                 <LegacyNotificationIcon iconSize='sm' />
             </Tooltip>
-            <UINotifications
+            <Notifications
                 className={clsx('', {
                     'notifications__wrapper--mobile': isMobile,
                     'notifications__wrapper--desktop': !isMobile,
@@ -41,3 +41,5 @@ export const Notifications = () => {
         </div>
     );
 };
+
+export default CustomNotifications;
diff --git a/src/components/layout/header/custom-notifications/index.ts b/src/components/layout/header/custom-notifications/index.ts
@@ -0,0 +1,3 @@
+import CustomNotifications from './custom-notifications';
+
+export default CustomNotifications;
diff --git a/src/components/layout/header/header.tsx b/src/components/layout/header/header.tsx
@@ -9,9 +9,9 @@ import { URLUtils } from '@deriv-com/utils';
 import { AppLogo } from '../app-logo';
 import AccountsInfoLoader from './account-info-loader';
 import AccountSwitcher from './account-switcher';
+import CustomNotifications from './custom-notifications';
 import MenuItems from './menu-items';
 import MobileMenu from './mobile-menu';
-import { Notifications } from './notifications';
 import PlatformSwitcher from './platform-switcher';
 import './header.scss';
 
@@ -30,7 +30,7 @@ const AppHeader = () => {
         } else if (activeLoginid) {
             return (
                 <>
-                    <Notifications />
+                    <CustomNotifications />
                     {isDesktop && (
                         <Tooltip
                             as='a'
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import CustomNotifications from './custom-notifications';

		export default CustomNotifications;