From 47f54a56fe9fbf0131b0dc4dcd733e78c3a9bcc7 Mon Sep 17 00:00:00 2001
From: Simeon Widdis <sawiddis@gmail.com>
Date: Tue, 15 Aug 2023 15:13:46 -0700
Subject: [PATCH] Fix one more missing label change (#934)

* Update label display on frontend

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Clear type errors in added_integration.tsx

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Remove unused imports

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Add missing labels

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Autoformat the whole repository

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Revert large sample data changes

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Undo _import autoescape

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Modify snapshots

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Update label handling in table

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

---------

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>
---
 .../added_integration.test.tsx.snap           |  3 +-
 ...lable_integration_table_view.test.tsx.snap | 90 +------------------
 .../integration_details.test.tsx.snap         | 90 +------------------
 .../available_integration_table.tsx           |  4 +-
 4 files changed, 5 insertions(+), 182 deletions(-)

diff --git a/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
index 8c8ad50731..7ef7eb7859 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
@@ -227,11 +227,10 @@ exports[`Added Integration View Test Renders added integration view using dummy
                                 data-test-subj="deleteInstanceButton"
                                 iconType="trash"
                                 onClick={[Function]}
-                                size="l"
                               >
                                 <button
                                   aria-label="Delete"
-                                  className="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty"
+                                  className="euiButtonIcon euiButtonIcon--danger euiButtonIcon--empty euiButtonIcon--xSmall"
                                   data-test-subj="deleteInstanceButton"
                                   disabled={false}
                                   onClick={[Function]}
diff --git a/public/components/integrations/components/__tests__/__snapshots__/available_integration_table_view.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/available_integration_table_view.test.tsx.snap
index 2406957a3c..e1cb6a440f 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/available_integration_table_view.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/available_integration_table_view.test.tsx.snap
@@ -1073,95 +1073,7 @@ exports[`Available Integration Table View Test Renders nginx integration table v
                                     >
                                       <div
                                         className="euiBadgeGroup euiBadgeGroup--gutterExtraSmall"
-                                      >
-                                        <span
-                                          className="euiBadgeGroup__item"
-                                          key=".0"
-                                        >
-                                          <EuiBadge>
-                                            <EuiInnerText>
-                                              <span
-                                                className="euiBadge euiBadge--iconLeft"
-                                                style={
-                                                  Object {
-                                                    "backgroundColor": "#d3dae6",
-                                                    "color": "#000",
-                                                  }
-                                                }
-                                                title="communication"
-                                              >
-                                                <span
-                                                  className="euiBadge__content"
-                                                >
-                                                  <span
-                                                    className="euiBadge__text"
-                                                  >
-                                                    communication
-                                                  </span>
-                                                </span>
-                                              </span>
-                                            </EuiInnerText>
-                                          </EuiBadge>
-                                        </span>
-                                        <span
-                                          className="euiBadgeGroup__item"
-                                          key=".1"
-                                        >
-                                          <EuiBadge>
-                                            <EuiInnerText>
-                                              <span
-                                                className="euiBadge euiBadge--iconLeft"
-                                                style={
-                                                  Object {
-                                                    "backgroundColor": "#d3dae6",
-                                                    "color": "#000",
-                                                  }
-                                                }
-                                                title="http"
-                                              >
-                                                <span
-                                                  className="euiBadge__content"
-                                                >
-                                                  <span
-                                                    className="euiBadge__text"
-                                                  >
-                                                    http
-                                                  </span>
-                                                </span>
-                                              </span>
-                                            </EuiInnerText>
-                                          </EuiBadge>
-                                        </span>
-                                        <span
-                                          className="euiBadgeGroup__item"
-                                          key=".2"
-                                        >
-                                          <EuiBadge>
-                                            <EuiInnerText>
-                                              <span
-                                                className="euiBadge euiBadge--iconLeft"
-                                                style={
-                                                  Object {
-                                                    "backgroundColor": "#d3dae6",
-                                                    "color": "#000",
-                                                  }
-                                                }
-                                                title="logs"
-                                              >
-                                                <span
-                                                  className="euiBadge__content"
-                                                >
-                                                  <span
-                                                    className="euiBadge__text"
-                                                  >
-                                                    logs
-                                                  </span>
-                                                </span>
-                                              </span>
-                                            </EuiInnerText>
-                                          </EuiBadge>
-                                        </span>
-                                      </div>
+                                      />
                                     </EuiBadgeGroup>
                                   </div>
                                 </td>
diff --git a/public/components/integrations/components/__tests__/__snapshots__/integration_details.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/integration_details.test.tsx.snap
index 173627c5a3..5274b335b7 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/integration_details.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/integration_details.test.tsx.snap
@@ -78,95 +78,7 @@ exports[`Available Integration Table View Test Renders nginx integration table v
             <EuiBadgeGroup>
               <div
                 className="euiBadgeGroup euiBadgeGroup--gutterExtraSmall"
-              >
-                <span
-                  className="euiBadgeGroup__item"
-                  key=".0"
-                >
-                  <EuiBadge>
-                    <EuiInnerText>
-                      <span
-                        className="euiBadge euiBadge--iconLeft"
-                        style={
-                          Object {
-                            "backgroundColor": "#d3dae6",
-                            "color": "#000",
-                          }
-                        }
-                        title="communication"
-                      >
-                        <span
-                          className="euiBadge__content"
-                        >
-                          <span
-                            className="euiBadge__text"
-                          >
-                            communication
-                          </span>
-                        </span>
-                      </span>
-                    </EuiInnerText>
-                  </EuiBadge>
-                </span>
-                <span
-                  className="euiBadgeGroup__item"
-                  key=".1"
-                >
-                  <EuiBadge>
-                    <EuiInnerText>
-                      <span
-                        className="euiBadge euiBadge--iconLeft"
-                        style={
-                          Object {
-                            "backgroundColor": "#d3dae6",
-                            "color": "#000",
-                          }
-                        }
-                        title="http"
-                      >
-                        <span
-                          className="euiBadge__content"
-                        >
-                          <span
-                            className="euiBadge__text"
-                          >
-                            http
-                          </span>
-                        </span>
-                      </span>
-                    </EuiInnerText>
-                  </EuiBadge>
-                </span>
-                <span
-                  className="euiBadgeGroup__item"
-                  key=".2"
-                >
-                  <EuiBadge>
-                    <EuiInnerText>
-                      <span
-                        className="euiBadge euiBadge--iconLeft"
-                        style={
-                          Object {
-                            "backgroundColor": "#d3dae6",
-                            "color": "#000",
-                          }
-                        }
-                        title="logs"
-                      >
-                        <span
-                          className="euiBadge__content"
-                        >
-                          <span
-                            className="euiBadge__text"
-                          >
-                            logs
-                          </span>
-                        </span>
-                      </span>
-                    </EuiInnerText>
-                  </EuiBadge>
-                </span>
-              </div>
+              />
             </EuiBadgeGroup>
           </div>
         </EuiFlexItem>
diff --git a/public/components/integrations/components/available_integration_table.tsx b/public/components/integrations/components/available_integration_table.tsx
index 57bb24978e..2bceba80e7 100644
--- a/public/components/integrations/components/available_integration_table.tsx
+++ b/public/components/integrations/components/available_integration_table.tsx
@@ -66,7 +66,7 @@ export function AvailableIntegrationsTable(props: AvailableIntegrationsTableProp
       name: 'Description',
       sortable: true,
       truncateText: true,
-      render: (value, record) => (
+      render: (_value, record) => (
         <EuiText data-test-subj={`${record.name}IntegrationDescription`}>
           {_.truncate(record.description, { length: 100 })}
         </EuiText>
@@ -77,7 +77,7 @@ export function AvailableIntegrationsTable(props: AvailableIntegrationsTableProp
       name: 'Categories',
       sortable: true,
       truncateText: true,
-      render: (value, record) => badges(record.components),
+      render: (_value, record) => badges(record.labels ?? []),
     },
   ] as Array<EuiTableFieldDataColumnType<any>>;