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       <div className="position-relative mb-2">
  19         {banner && <PictrsImage src={banner} banner alt="" />}
  20         {icon && (
  21           <PictrsImage
  22             src={icon}
  23             iconOverlay
  24             pushup={!!this.props.banner}
  25             alt=""
  26           />
  27         )}
  28       </div>
  29     );
  30   }
  31 }