ui/src/components/banner-icon-header.tsx

   1 import { Component } from 'inferno';
   2
   3 interface BannerIconHeaderProps {
   4   banner?: string;
   5   icon?: string;
   6 }
   7
   8 export class BannerIconHeader extends Component<BannerIconHeaderProps, any> {
   9   constructor(props: any, context: any) {
  10     super(props, context);
  11   }
  12
  13   render() {
  14     return (
  15       <div class="position-relative mb-2">
  16         {this.props.banner && (
  17           <img src={this.props.banner} class="banner img-fluid" />
  18         )}
  19         {this.props.icon && (
  20           <img
  21             src={this.props.icon}
  22             className={`ml-2 mb-0 ${
  23               this.props.banner ? 'avatar-pushup' : ''
  24             } rounded-circle avatar-overlay`}
  25           />
  26         )}
  27       </div>
  28     );
  29   }
  30 }