src/shared/components/common/banner-icon-header.tsx

   1 import { Component } from "inferno";
   2 import { PictrsImage } from "./pictrs-image";
   3
   4 interface BannerIconHeaderProps {
   5   banner?: string;
   6   icon?: string;
   7 }
   8
   9 export class BannerIconHeader extends Component<BannerIconHeaderProps, any> {
  10   constructor(props: any, context: any) {
  11     super(props, context);
  12   }
  13
  14   render() {
  15     const banner = this.props.banner;
  16     const icon = this.props.icon;
  17     return (
  18       (banner || icon) && (
  19         <div className="banner-icon-header position-relative mb-2">
  20           {banner && <PictrsImage src={banner} banner alt="" />}
  21           {icon && (
  22             <PictrsImage
  23               src={icon}
  24               iconOverlay
  25               pushup={!!this.props.banner}
  26               alt=""
  27             />
  28           )}
  29         </div>
  30       )
  31     );
  32   }
  33 }