Closes #818 and #819 - Branches of which a Mapping originated now displayed in UI.

[MariusBrill]

This change is 

[JonasKunz]

Reviewed 4 of 4 files at r1.
Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @mbrill-nt)

---

components/inspectit-ocelot-configurationserver-ui/src/components/views/status/StatusTable.js, line 207 at r1 (raw file):

  branchUsedTemplate = (rowData) => {
    if (rowData.branchUsed) {
      return rowData.branchUsed;

Have a look at the "Mappings" view. There the table also shows an icon for the branch, can you do the same here?

---

components/inspectit-ocelot-configurationserver-ui/src/components/views/status/StatusTable.js, line 281 at r1 (raw file):

          />
          <Column header="Agent Mapping" field="mappingFilter" body={this.agentMappingTemplate} sortable />
          <Column header="Branch Used" field="branchUsed" body={this.branchUsedTemplate} style={{ width: '150px' }} sortable />

Name this "Source Branch"

[JonasKunz]

Reviewed 4 of 4 files at r2.
Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @mbrill-nt)

---

components/inspectit-ocelot-configurationserver-ui/src/components/views/status/StatusTable.js, line 211 at r2 (raw file):

      branch = rowData.sourceBranch;
    }
    const isLiveBranch = branch === 'LIVE';

This does not work. In you view, the branch is named live, therefore the icon never changes.

---

components/inspectit-ocelot-configurationserver-ui/src/components/views/status/StatusTable.js, line 271 at r2 (raw file):

        <style jsx>{`
          .this :global(.p-datatable) {
            min-width: 1280px;

You need to add the width of your column to this value.

Try reducing the size of the window with the ui: The columns start overflowing into each other.

[JonasKunz]

Reviewed 1 of 1 files at r3.
Reviewable status: complete! all files reviewed, all discussions resolved

[JonasKunz]

Reviewable status: complete! all files reviewed, all discussions resolved