Implement About window

[gbraad]

This solves and handles

• set tray version for each release #124
• Missing version information #105

This is what I looked like in the Windows client:

[gbraad]

import ReactDOM from "react-dom";
import "@patternfly/react-core/dist/styles/base.css";
import "./fonts.css";

import React from "react";
import { Bullseye } from "@patternfly/react-core";

class AboutWindow extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    const alignLeft = {
      float: "left",
      fontWeight: "bold"
    }

    const alignRight = {
      float: "right"
    }

    const clearBoth = {
      clear: "both"
    }

    return (
      <div style={{ margin: "20px" }}>
        <Bullseye>
          {
            <img
              alt="logo"
              src="https://github.com/code-ready/tray-windows/blob/master/Resources/Logo-Red_Hat-CodeReady_Containers-B-Standard-RGB.png?raw=true"
              width="480"
            />
          }
        </Bullseye>
        <div style={{ margin: "20px" }}>
          <div style={clearBoth}>
            <span style={alignLeft}>Red Hat CodeReady Containers version</span>
            <span style={alignRight} id="crcVersion">1.99-dev.1</span>
          </div>
          <div style={clearBoth}>
            <span style={alignLeft}>Red Hat OpenShift Container Platform</span>
            <span style={alignRight} id="ocpVersion">4.10.0</span>
          </div>
          <div style={clearBoth}>
            <span style={alignLeft}>Tray version</span>
            <span style={alignRight} id="crcVersion">0.9.0</span>
          </div>
        </div>
      </div>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<AboutWindow />, rootElement);

https://codesandbox.io/s/musing-khorana-shjzq?file=/index.js

[gbraad]

The version of the embedded bundle is an interesting 'problem' for the team to talk about. With the new client this is not bundled anymore