From: Dessalines <dessalines@users.noreply.github.com>
Date: Thu, 6 Jan 2022 16:26:32 +0000 (-0500)
Subject: Fix banner. Fixes #466 (#534)
X-Git-Url: http://these/git/readmes/%24%7B%60data:application/README.md?a=commitdiff_plain;h=89c68a8478a18f2662ba75abf66e2a6203d5efea;p=lemmy-ui.git

Fix banner. Fixes #466 (#534)
---

diff --git a/src/shared/components/common/banner-icon-header.tsx b/src/shared/components/common/banner-icon-header.tsx
index bca204c..362ac69 100644
--- a/src/shared/components/common/banner-icon-header.tsx
+++ b/src/shared/components/common/banner-icon-header.tsx
@@ -14,7 +14,9 @@ export class BannerIconHeader extends Component<BannerIconHeaderProps, any> {
   render() {
     return (
       <div class="position-relative mb-2">
-        {this.props.banner && <PictrsImage src={this.props.banner} alt="" />}
+        {this.props.banner && (
+          <PictrsImage src={this.props.banner} banner alt="" />
+        )}
         {this.props.icon && (
           <PictrsImage
             src={this.props.icon}
diff --git a/src/shared/components/common/pictrs-image.tsx b/src/shared/components/common/pictrs-image.tsx
index 5c8abb9..7de304b 100644
--- a/src/shared/components/common/pictrs-image.tsx
+++ b/src/shared/components/common/pictrs-image.tsx
@@ -8,6 +8,7 @@ interface PictrsImageProps {
   src: string;
   alt?: string;
   icon?: boolean;
+  banner?: boolean;
   thumbnail?: boolean;
   nsfw?: boolean;
   iconOverlay?: boolean;
@@ -30,8 +31,9 @@ export class PictrsImage extends Component<PictrsImageProps, any> {
           loading="lazy"
           className={`
         ${!this.props.icon && !this.props.iconOverlay && "img-fluid "}
+        ${this.props.banner && "banner "}
         ${
-          this.props.thumbnail && !this.props.icon
+          this.props.thumbnail && !this.props.icon && !this.props.banner
             ? "thumbnail rounded "
             : "img-expanded "
         }