From 8cf06b26d8d2f20e37fa5330fae67363b710a34d Mon Sep 17 00:00:00 2001
From: Nicola Molinari <nicola.molinari@commercetools.com>
Date: Wed, 8 Dec 2021 10:57:30 +0100
Subject: [PATCH] refactor(vrt): simplify icon container

---
 .../application-icons.visualroute.tsx              | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/visual-testing-app/src/components/application-icons/application-icons.visualroute.tsx b/visual-testing-app/src/components/application-icons/application-icons.visualroute.tsx
index aa15c19afe..fc6b548e1e 100644
--- a/visual-testing-app/src/components/application-icons/application-icons.visualroute.tsx
+++ b/visual-testing-app/src/components/application-icons/application-icons.visualroute.tsx
@@ -2,7 +2,6 @@
 
 import { css } from '@emotion/react';
 import InlineSvg from '@commercetools-uikit/icons/inline-svg';
-import AccessibleButton from '@commercetools-uikit/accessible-button';
 import Grid from '@commercetools-uikit/grid';
 import { customProperties } from '@commercetools-uikit/design-system';
 import { Suite, Spec } from '../../test-utils';
@@ -38,26 +37,19 @@ const IconsGrid = (props: {
     gridAutoColumns="1fr"
     gridTemplateColumns={`repeat(auto-fill, minmax(calc(${customProperties.spacingXl} * 2), 1fr))`}
   >
-    {Object.keys(svgIcons).map((iconName, index) => {
+    {Object.keys(svgIcons).map((iconName) => {
       const data = svgIcons[iconName].default;
       return (
         <Grid.Item key={iconName} justifySelf="center">
-          <AccessibleButton
-            label={iconName}
-            buttonAttributes={{
-              'data-testid': `icon-svg-${index}`,
-              tabIndex: 0,
-              role: 'button',
-            }}
+          <div
             css={css`
               padding: ${customProperties.spacingS};
               width: calc(${customProperties.spacingXl} * 2);
               height: calc(${customProperties.spacingXl} * 2);
             `}
-            onClick={() => {}}
           >
             <InlineSvg data={data} size="scale" color={props.color} />
-          </AccessibleButton>
+          </div>
         </Grid.Item>
       );
     })}