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

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