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

     1  import * as React from "react";
     2  import Markdown from "react-remarkable";
     3  import RenderActions from "./RenderActions";
     4  
     5  const StepMessage = ({ actions, message, handleAction, goBack, firstRoute, isLoading }) => (
     6    <div className="StepMessage-wrapper flex1 flex-column">
     7      <div className={`markdown-wrapper flex1 flex-column u-overflow--auto  ${message.level || ""}`}>
     8        <div className="mkdwn">
     9          <Markdown
    10            options={{
    11              html: message.trusted_html,
    12              linkTarget: "_blank",
    13              linkify: true,
    14            }}>
    15            {message.contents}
    16          </Markdown>
    17        </div>
    18      </div>
    19      <div className="flex flex-auto actions-wrapper u-paddingRight--20 u-paddingLeft--20">
    20        {firstRoute ? null :
    21          <div className="flex-auto u-marginRight--normal">
    22            <button className="btn secondary" onClick={() => goBack()}>Back</button>
    23          </div>
    24        }
    25        <div className="flex1 flex justifyContent--flexEnd">
    26          <RenderActions actions={actions} handleAction={handleAction} isLoading={isLoading} />
    27        </div>
    28      </div>
    29    </div>
    30  );
    31  
    32  export default StepMessage;