From 5fc39b7cc9e5b722867c64fe988b833556308c46 Mon Sep 17 00:00:00 2001
From: Andrey Medvedev <andrey.medvedev@vk.team>
Date: Fri, 11 Oct 2024 15:40:14 +0300
Subject: [PATCH] Use ModalPopoutPortal in Alert and ActionSheet

---
 packages/vkui/src/components/ActionSheet/ActionSheet.tsx | 6 +++---
 packages/vkui/src/components/Alert/Alert.tsx             | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/vkui/src/components/ActionSheet/ActionSheet.tsx b/packages/vkui/src/components/ActionSheet/ActionSheet.tsx
index 5af1576a1b6..7653d0f2b12 100644
--- a/packages/vkui/src/components/ActionSheet/ActionSheet.tsx
+++ b/packages/vkui/src/components/ActionSheet/ActionSheet.tsx
@@ -6,7 +6,7 @@ import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJS
 import { useObjectMemo } from '../../hooks/useObjectMemo';
 import { usePlatform } from '../../hooks/usePlatform';
 import { useCSSKeyframesAnimationController } from '../../lib/animation';
-import { AppRootPortal } from '../AppRoot/AppRootPortal';
+import { ModalPopoutPortal } from '../AppRoot/ModalPopoutPortal';
 import { useScrollLock } from '../AppRoot/ScrollContext';
 import { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';
 import { Footnote } from '../Typography/Footnote/Footnote';
@@ -141,7 +141,7 @@ export const ActionSheet = ({
   }
 
   return (
-    <AppRootPortal>
+    <ModalPopoutPortal>
       <PopoutWrapper
         closing={Boolean(closingBy)}
         alignY="bottom"
@@ -152,6 +152,6 @@ export const ActionSheet = ({
       >
         {actionSheet}
       </PopoutWrapper>
-    </AppRootPortal>
+    </ModalPopoutPortal>
   );
 };
diff --git a/packages/vkui/src/components/Alert/Alert.tsx b/packages/vkui/src/components/Alert/Alert.tsx
index c4fc1af52c6..05db2d96550 100644
--- a/packages/vkui/src/components/Alert/Alert.tsx
+++ b/packages/vkui/src/components/Alert/Alert.tsx
@@ -13,7 +13,7 @@ import type {
   HasDataAttribute,
   HasRootRef,
 } from '../../types';
-import { AppRootPortal } from '../AppRoot/AppRootPortal';
+import { ModalPopoutPortal } from '../AppRoot/ModalPopoutPortal';
 import { useScrollLock } from '../AppRoot/ScrollContext';
 import type { ButtonProps } from '../Button/Button';
 import { FocusTrap } from '../FocusTrap/FocusTrap';
@@ -135,7 +135,7 @@ export const Alert = ({
   useScrollLock();
 
   return (
-    <AppRootPortal>
+    <ModalPopoutPortal>
       <PopoutWrapper
         className={className}
         closing={closing}
@@ -198,6 +198,6 @@ export const Alert = ({
           )}
         </FocusTrap>
       </PopoutWrapper>
-    </AppRootPortal>
+    </ModalPopoutPortal>
   );
 };