Notifications

src/features/ModalFlightsQuota/index.tsx

@@ -10,11 +10,10 @@ import {
   Stack,
 } from '@mui/material'
 import { Theme } from '@mui/material/styles'
-import { Notification } from '@/shared'
 import IconClose from '@mui/icons-material/Close'
 
 import { useFlightsQuotaMutation } from '@/shared'
-import { NumberControl, SelectMotive } from './ui'
+import { Notifications, NumberControl, SelectMotive } from './ui'
 
 const MIN_QUOTA = 0
 const MAX_QUOTA = 3
@@ -69,7 +68,7 @@ export function ModalFlightsQuota({
       quota: initialValue,
     },
   })
-  const { mutate, isError } = useFlightsQuotaMutation()
+  const { mutate, isError, isSuccess } = useFlightsQuotaMutation()
   const motive = watch('motive')
   const quota = watch('quota')
   const motiveOptions = getMotiveOptions(initialValue, quota)
@@ -85,7 +84,7 @@ export function ModalFlightsQuota({
 
   return (
     <>
-      {isError && <Notification message="Flights quota update failed" />}
+      <Notifications isError={isError} isSuccess={isSuccess} />
       <Dialog closeAfterTransition={false} open={isOpen} onClose={handleClose}>
         <DialogTitle>Edit flights</DialogTitle>
         <DialogContent>

src/features/ModalFlightsQuota/ui/Notifications.tsx

@@ -0,0 +1,20 @@
+import { Notification } from '@/shared'
+
+type NotificationsProps = {
+  isError: boolean
+  isSuccess: boolean
+}
+
+export function Notifications({ isError, isSuccess }: NotificationsProps) {
+  return (
+    <>
+      {isError && <Notification message="Flights quota update failed" />}
+      {isSuccess && (
+        <Notification
+          message="Flights quota successfully updated"
+          severity="success"
+        />
+      )}
+    </>
+  )
+}

src/features/ModalFlightsQuota/ui/index.ts

@@ -1,2 +1,3 @@
+export * from './Notifications'
 export * from './NumberControl'
 export * from './SelectMotive'

src/shared/ui/Notification.tsx

@@ -14,8 +14,9 @@ export function Notification({
 
   return (
     <Snackbar
-      autoHideDuration={5000}
       anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
+      autoHideDuration={5000}
+      ClickAwayListenerProps={{ onClickAway: () => null }}
       onClose={onClose}
       open={isOpen}
     >