Updates release column in table to display a blue label

src/PresentationalComponents/CreateImageWizard/WizardStepImageOutput.js

@@ -5,7 +5,7 @@ import { Form, FormGroup, FormSelect, FormSelectOption, Title } from '@patternfl
 
 const WizardStepImageOutput = (props) => {
     const releaseOptions = [
-        { value: 'rhel-8', label: 'Red Hat Enterprise Linux (RHEL) 8.2' },
+        { value: 'rhel-8', label: 'Red Hat Enterprise Linux (RHEL) 8.3' },
     ];
     const uploadOptions = [
         { value: 'aws', label: 'Amazon Web Services' },

src/PresentationalComponents/CreateImageWizard/WizardStepReview.js

@@ -8,7 +8,7 @@ import './WizardStepReview.scss';
 
 const WizardStepReview = (props) => {
     const releaseOptions = {
-        'rhel-8': 'Red Hat Enterprise Linux (RHEL) 8.2'
+        'rhel-8': 'Red Hat Enterprise Linux (RHEL) 8.3'
     };
     const uploadOptions = {
         aws: 'Amazon Web Services'
@@ -30,7 +30,7 @@ const WizardStepReview = (props) => {
                         Release
                     </dt>
                     <dd>
-                        { releaseOptions[props.release]}
+                        { releaseOptions[props.release] }
                     </dd>
                     <dt>
                         Target environment

src/PresentationalComponents/Release/Release.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { Label } from '@patternfly/react-core';
+
+const Release = (props) => {
+    const releaseOptions = {
+        'rhel-8': 'RHEL 8.3'
+    };
+    const release = releaseOptions[props.release] ? releaseOptions[props.release] : props.release;
+    return <Label color='blue'>{release}</Label>;
+};
+
+Release.propTypes = {
+    release: PropTypes.string,
+};
+
+export default Release;

src/SmartComponents/ImagesTable/ImagesTable.js

@@ -7,6 +7,7 @@ import { Table, TableHeader, TableBody, classNames, Visibility } from '@patternf
 import { TableToolbar } from '@redhat-cloud-services/frontend-components';
 
 import ImageBuildStatus from '../../PresentationalComponents/ImageBuildStatus/ImageBuildStatus';
+import Release from '../../PresentationalComponents/Release/Release';
 
 import api from '../../api.js';
 
@@ -64,7 +65,7 @@ class ImagesTable extends Component {
                 cells: [
                     id,
                     compose.image_type,
-                    compose.distribution,
+                    { title: <Release release={ compose.distribution } /> },
                     { title: <ImageBuildStatus status={ compose.status } /> },
                     ''
                 ]