fix: layout item renderMedia

gravity-ui · Jan 17, 2024 · 2ef9a29 · 2ef9a29
1 parent ce716fc
commit 2ef9a29
Showing 1 changed file with 22 additions and 22 deletions.
diff --git a/src/sub-blocks/LayoutItem/LayoutItem.tsx b/src/sub-blocks/LayoutItem/LayoutItem.tsx
@@ -26,32 +26,32 @@ const LayoutItem = ({
         size: 's',
         colSizes: {all: 12, md: 12},
     };
-    return (
-        <div className={b(null, className)}>
-            {media ? (
-                fullscreen && hasFullscreen(media) ? (
-                    <FullscreenMedia showFullscreenIcon={showFullscreenIcon(media)}>
-                        {({
-                            className: mediaClassName,
-                            fullscreen: _fullscreen,
-                            ...fullscreenMediaProps
-                        } = {}) => (
-                            <Media
-                                {...media}
-                                {...fullscreenMediaProps}
-                                className={b('media', {border}, mediaClassName)}
-                                analyticsEvents={analyticsEvents}
-                            />
-                        )}
-                    </FullscreenMedia>
-                ) : (
+    const renderMedia = () => {
+        if (!media) {
+            return null;
+        }
+        return fullscreen && hasFullscreen(media) ? (
+            <FullscreenMedia showFullscreenIcon={showFullscreenIcon(media)}>
+                {({
+                    className: mediaClassName,
+                    fullscreen: _fullscreen,
+                    ...fullscreenMediaProps
+                } = {}) => (
                     <Media
                         {...media}
-                        className={b('media', {border})}
+                        {...fullscreenMediaProps}
+                        className={b('media', {border}, mediaClassName)}
                         analyticsEvents={analyticsEvents}
                     />
-                )
-            ) : null}
+                )}
+            </FullscreenMedia>
+        ) : (
+            <Media {...media} className={b('media', {border})} analyticsEvents={analyticsEvents} />
+        );
+    };
+    return (
+        <div className={b(null, className)}>
+            {renderMedia()}
             {metaInfo && <MetaInfo items={metaInfo} className={b('meta-info')} />}
             <div className={b('content', {'no-media': !media})}>
                 <IconContent icon={icon} content={contentProps} />