From 89c68a8478a18f2662ba75abf66e2a6203d5efea Mon Sep 17 00:00:00 2001
From: Dessalines <dessalines@users.noreply.github.com>
Date: Thu, 6 Jan 2022 11:26:32 -0500
Subject: [PATCH] Fix banner. Fixes #466 (#534)

---
 src/shared/components/common/banner-icon-header.tsx | 4 +++-
 src/shared/components/common/pictrs-image.tsx       | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

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 "
         }
-- 
2.44.1