fix: del react fragment in fullscreen

gravity-ui · Feb 28, 2024 · c5afa0e · c5afa0e
1 parent ba4a5ae
commit c5afa0e
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 37 deletions.
diff --git 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
@@ -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>