From 39c9808eaa52c155d8468b16ceb48cf8dcc81a82 Mon Sep 17 00:00:00 2001
From: Kirill <mpak8501@yandex.ru>
Date: Wed, 27 May 2026 23:25:02 +0500
Subject: [PATCH] fix: use native Snackbar positioning for NotificationStack
 instead of custom Stack wrapper

---
 .../NotificationStack/NotificationStack.tsx   |  29 ++++++++----------
 server/prisma/prisma/dev.db                   | Bin 352256 -> 352256 bytes
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/client/src/shared/ui/NotificationStack/NotificationStack.tsx b/client/src/shared/ui/NotificationStack/NotificationStack.tsx
index bd1fef7..6ff1266 100644
--- a/client/src/shared/ui/NotificationStack/NotificationStack.tsx
+++ b/client/src/shared/ui/NotificationStack/NotificationStack.tsx
@@ -1,9 +1,11 @@
 import CloseIcon from '@mui/icons-material/Close'
-import { Snackbar, Alert, Stack, IconButton, Button } from '@mui/material'
+import { Snackbar, Alert, IconButton, Button } from '@mui/material'
 import { useUnit } from 'effector-react'
 import { useNavigate } from 'react-router-dom'
 import { $notifications, dismissNotification as dismissNotificationEvent } from '../../model/notification'
 
+const GAP = 76
+
 export function NotificationStack() {
   const notifications = useUnit($notifications)
   const dismissNotification = useUnit(dismissNotificationEvent)
@@ -12,27 +14,18 @@ export function NotificationStack() {
   if (notifications.length === 0) return null
 
   return (
-    <Stack
-      spacing={1.5}
-      sx={{
-        position: 'fixed',
-        bottom: 88,
-        left: '50%',
-        transform: 'translateX(-50%)',
-        zIndex: 2000,
-        width: 'auto',
-        minWidth: 360,
-        maxWidth: 440,
-      }}
-    >
-      {notifications.map((n) => (
+    <>
+      {notifications.map((n, index) => (
         <Snackbar
           key={n.id}
           open
           autoHideDuration={n.autoHideDuration}
           onClose={() => dismissNotification(n.id)}
           anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
-          sx={{ position: 'static' }}
+          sx={{
+            bottom: `${88 + (notifications.length - 1 - index) * GAP}px !important`,
+            zIndex: 2000 + index,
+          }}
         >
           <Alert
             severity={n.type}
@@ -40,6 +33,8 @@ export function NotificationStack() {
             onClose={() => dismissNotification(n.id)}
             sx={{
               width: '100%',
+              minWidth: 360,
+              maxWidth: 440,
               px: 2,
               py: 1.5,
               alignItems: 'center',
@@ -100,6 +95,6 @@ export function NotificationStack() {
           </Alert>
         </Snackbar>
       ))}
-    </Stack>
+    </>
   )
 }
diff --git a/server/prisma/prisma/dev.db b/server/prisma/prisma/dev.db
index 4c1a5c9385248278d832d0c77858d529261182bb..4f891b66c8c96a99918c518c5637d39996ab896f 100644
GIT binary patch
delta 219
zcmZoTAlh(1bb>Tv(nJ|&#-zrCtqF|p=cx&>*>kem+b8E1<fmGir{x$Jn3(05TV|%3
zRaT`I6;(0L%UXB((e!ik8Re$G_Gc1N59deHVNscw2-IN&(vgyAQf`u4W(LwRck*_i
zj{p3|*c9-~GTSrav`}E%2F8c|tYAeTYb6;4wmC2z=V#=fKEa<!8SDr~fwlmqwgBd~
K0G4F|tO5Y|AV;PE

delta 219
zcmZoTAlh(1bb>Tv&_o$$#-PT8tqF|p=c)0q*>kem+b8E1<foeF6&M>B7#HT4TW01}
z7?hYA<fbvs%UZi}$Mkda8Re$G_Gc1N59dbKVQy#+)R7I+kzA3UUYVMm1JV&2vmL18
zKfkd#76sh0%=U~pE#%p@f$?EKD_9Z8T1iHpZ4OMw`5C#VPw;0_20Mb0r!9b~Er7W#
KfMr<#s{jC7U`B%g