github.com/replicatedhq/ship@v0.55.0/web/init/src/components/shared/Toast.jsx (about)

     1  import * as React from "react";
     2  
     3  export default class Toast extends React.Component {
     4    render() {
     5      const { toast, onCancel } = this.props;
     6  
     7      return (
     8        <div className={`Toast-wrapper ${toast.showToast ? "visible": ""} ${toast.type} flex flex1`}>
     9          <div className="flex1 flex-column flex-verticalCenter">
    10            <div className="flex-auto">
    11              <div className="flex">
    12                {toast.opts.showCancelButton && <div className="flex-column flex-verticalCenter"><span onClick={onCancel} className="icon clickable u-closeIcon u-marginRight--normal">{toast.opts.cancelButtonText}</span></div>}
    13                <p className="Toast-title">{toast.title}</p>
    14              </div>
    15              {toast.subText && <div className="Toast-sub">{toast.subText}</div>}
    16            </div>
    17          </div>
    18        </div>
    19      );
    20    }
    21  }