fixing notification types

mozilla · Aug 1, 2023 · 2521bba · 2521bba
1 parent 88a0389
commit 2521bba
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/src/components/Notification/CrumbMessage.tsx b/src/components/Notification/CrumbMessage.tsx
@@ -1,13 +1,13 @@
 import React, { ForwardedRef, useCallback, forwardRef } from 'react';
 import styles from './CrumbMessage.module.scss';
-import { NotificationTypesE } from './types';
+import { NotificationTypesT } from './types';
 import Icon, { IconT } from '../Icon';
 import { CustomIcon } from './icons';
 import NotificationIcon from './NotificationIcon';
 
 export type CrumbPropsT = {
   description: string;
-  type?: NotificationTypesE;
+  type?: NotificationTypesT;
   hasIcon?: boolean;
   icon?: IconT;
   mouseEnter: () => void;
@@ -20,7 +20,7 @@ const CrumbMessage = forwardRef(
   (
     {
       description,
-      type = NotificationTypesE.SUCCESS,
+      type = 'success',
       hasIcon = false,
       icon,
       mouseEnter,

diff --git a/src/components/Notification/NotificationIcon.tsx b/src/components/Notification/NotificationIcon.tsx
@@ -1,21 +1,21 @@
 import React from 'react';
-import { NotificationTypesE } from './types';
+import { NotificationTypesT } from './types';
 import { InfoIcon, SuccessIcon, WarningIcon, ErrorIcon } from './icons';
 
 type NotificationIconPropsT = {
-  type: NotificationTypesE;
+  type: NotificationTypesT;
   classProp?: string;
 };
 
 const NotificationIcon = ({ type, classProp }: NotificationIconPropsT) => {
   switch (type) {
-    case NotificationTypesE.INFO:
+    case 'info':
       return <InfoIcon classProp={classProp} />;
-    case NotificationTypesE.SUCCESS:
+    case 'success':
       return <SuccessIcon classProp={classProp} />;
-    case NotificationTypesE.WARNING:
+    case 'warning':
       return <WarningIcon classProp={classProp} />;
-    case NotificationTypesE.ERROR:
+    case 'error':
       return <ErrorIcon classProp={classProp} />;
     default:
       return <InfoIcon classProp={classProp} />;

diff --git a/src/components/Notification/ToastMessage.tsx b/src/components/Notification/ToastMessage.tsx
@@ -1,15 +1,15 @@
 import React, { useCallback, forwardRef, ForwardedRef, ReactNode } from 'react';
 import styles from './ToastMessage.module.scss';
 import Button from '../Button';
-import { NotificationTypesE } from './types';
+import { NotificationTypesT } from './types';
 import NotificationIcon from './NotificationIcon';
 
 export type ToastPropsT = {
   title: string;
   description: string;
   callback?: Function;
   callbackCta?: string;
-  type?: NotificationTypesE;
+  type?: NotificationTypesT;
   mouseEnter: () => void;
   mouseLeave: () => void;
   close: () => void;
@@ -24,7 +24,7 @@ const ToastMessage = forwardRef(
       description,
       callback,
       callbackCta = 'Confirm',
-      type = NotificationTypesE.SUCCESS,
+      type = 'success',
       mouseEnter,
       mouseLeave,
       close,

diff --git a/src/components/Notification/icons/CustomIcon.tsx b/src/components/Notification/icons/CustomIcon.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import Icon, { IconT } from '../../Icon';
-import { NotificationTypesE } from '../types';
+import { NotificationTypesT } from '../types';
 import styles from './icon.module.scss';
 
 type InfoIconPropsT = {
   icon: IconT;
-  type: NotificationTypesE;
+  type: NotificationTypesT;
   classProp?: string;
 };