component classes v2

[lemmy-ui.git] / src / shared / components / common / banner-icon-header.tsx

diff --git a/src/shared/components/common/banner-icon-header.tsx b/src/shared/components/common/banner-icon-header.tsx
index bca204c9694ba9c3daa3490aa1ee54359ebdb8f4..d2cba13efd53841a62e20fd084c2600662f8c9aa 100644 (file)
--- a/src/shared/components/common/banner-icon-header.tsx
+++ b/src/shared/components/common/banner-icon-header.tsx
@@ -12,18 +12,22 @@ export class BannerIconHeader extends Component<BannerIconHeaderProps, any> {
   }
 
   render() {
+    const banner = this.props.banner;
+    const icon = this.props.icon;
     return (
-      <div class="position-relative mb-2">
-        {this.props.banner && <PictrsImage src={this.props.banner} alt="" />}
-        {this.props.icon && (
-          <PictrsImage
-            src={this.props.icon}
-            iconOverlay
-            pushup={!!this.props.banner}
-            alt=""
-          />
-        )}
-      </div>
+      (banner || icon) && (
+        <div className="banner-icon-header position-relative mb-2">
+          {banner && <PictrsImage src={banner} banner alt="" />}
+          {icon && (
+            <PictrsImage
+              src={icon}
+              iconOverlay
+              pushup={!!this.props.banner}
+              alt=""
+            />
+          )}
+        </div>
+      )
     );
   }
 }