From c5afa0e5ecbff74dab4d0670e06b46fd23841653 Mon Sep 17 00:00:00 2001
From: ngorin <ngorin@yandex-team.ru>
Date: Wed, 28 Feb 2024 12:25:34 +0300
Subject: [PATCH] fix: del react fragment in fullscreen

---
 .../FullscreenImage/FullscreenImage.tsx       | 28 ++++++-------
 .../FullscreenMedia/FullscreenMedia.tsx       | 42 +++++++++----------
 2 files changed, 33 insertions(+), 37 deletions(-)

diff --git a/src/components/FullscreenImage/FullscreenImage.tsx b/src/components/FullscreenImage/FullscreenImage.tsx
index 4ac6892fd..afd1a81df 100644
--- a/src/components/FullscreenImage/FullscreenImage.tsx
+++ b/src/components/FullscreenImage/FullscreenImage.tsx
@@ -54,21 +54,19 @@ const FullscreenImage = (props: FullscreenImageProps) => {
                     className={b('modal')}
                     contentClassName={b('modal-content')}
                 >
-                    <React.Fragment>
-                        <button
-                            className={b('icon-wrapper', {visible: true})}
-                            onClick={closeModal}
-                            aria-label={i18n('close')}
-                        >
-                            <Icon
-                                data={PreviewClose}
-                                width={CLOSE_ICON_SIZE}
-                                height={CLOSE_ICON_SIZE}
-                                className={b('icon', {hover: true})}
-                            />
-                        </button>
-                        <Image {...props} className={b('modal-image', modalImageClass)} />
-                    </React.Fragment>
+                    <button
+                        className={b('icon-wrapper', {visible: true})}
+                        onClick={closeModal}
+                        aria-label={i18n('close')}
+                    >
+                        <Icon
+                            data={PreviewClose}
+                            width={CLOSE_ICON_SIZE}
+                            height={CLOSE_ICON_SIZE}
+                            className={b('icon', {hover: true})}
+                        />
+                    </button>
+                    <Image {...props} className={b('modal-image', modalImageClass)} />
                 </Modal>
             )}
         </div>
diff --git a/src/components/FullscreenMedia/FullscreenMedia.tsx b/src/components/FullscreenMedia/FullscreenMedia.tsx
index a936248d7..ca040b9a2 100644
--- a/src/components/FullscreenMedia/FullscreenMedia.tsx
+++ b/src/components/FullscreenMedia/FullscreenMedia.tsx
@@ -71,28 +71,26 @@ const FullscreenMedia = ({children, showFullscreenIcon = true}: FullscreenMediaP
                     className={b('modal')}
                     contentClassName={b('modal-content')}
                 >
-                    <React.Fragment>
-                        <Button
-                            className={b('icon-wrapper', {visible: true})}
-                            onClick={closeModal}
-                            size={'l'}
-                        >
-                            <Icon
-                                data={PreviewClose}
-                                width={CLOSE_ICON_SIZE}
-                                height={CLOSE_ICON_SIZE}
-                                className={b('icon', {hover: true})}
-                            />
-                        </Button>
-                        {children({
-                            imageClassName: getMediaClass('image'),
-                            videoClassName: getMediaClass('video'),
-                            youtubeClassName: getMediaClass('youtube'),
-                            fullscreen: true,
-                            previewImg: undefined,
-                            autoplay: true,
-                        })}
-                    </React.Fragment>
+                    <Button
+                        className={b('icon-wrapper', {visible: true})}
+                        onClick={closeModal}
+                        size={'l'}
+                    >
+                        <Icon
+                            data={PreviewClose}
+                            width={CLOSE_ICON_SIZE}
+                            height={CLOSE_ICON_SIZE}
+                            className={b('icon', {hover: true})}
+                        />
+                    </Button>
+                    {children({
+                        imageClassName: getMediaClass('image'),
+                        videoClassName: getMediaClass('video'),
+                        youtubeClassName: getMediaClass('youtube'),
+                        fullscreen: true,
+                        previewImg: undefined,
+                        autoplay: true,
+                    })}
                 </Modal>
             )}
         </div>