From 9291cd05b08678de10f4a04d2476a9f858afa8c2 Mon Sep 17 00:00:00 2001
From: andreastanderen <andreastanderen@gmail.com>
Date: Fri, 17 Jan 2025 15:47:52 +0100
Subject: [PATCH] remove icon next to multiple values

---
 .../EditDataTypesToSign.module.css                   |  5 -----
 .../EditDataTypesToSign/EditDataTypesToSign.tsx      | 12 ++----------
 .../EditUniqueFromSignaturesInDataTypes.module.css   |  5 -----
 .../EditUniqueFromSignaturesInDataTypes.tsx          | 12 ++----------
 4 files changed, 4 insertions(+), 30 deletions(-)
 delete mode 100644 frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditDataTypesToSign/EditDataTypesToSign.module.css
 delete mode 100644 frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditUniqueFromSignaturesInDataTypes/EditUniqueFromSignaturesInDataTypes.module.css

diff --git a/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditDataTypesToSign/EditDataTypesToSign.module.css b/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditDataTypesToSign/EditDataTypesToSign.module.css
deleted file mode 100644
index 15a61bbfa90..00000000000
--- a/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditDataTypesToSign/EditDataTypesToSign.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.dataType {
-  align-items: center;
-  display: flex;
-  gap: var(--fds-spacing-1);
-}
diff --git a/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditDataTypesToSign/EditDataTypesToSign.tsx b/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditDataTypesToSign/EditDataTypesToSign.tsx
index 5dce58d8741..a5f0b506391 100644
--- a/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditDataTypesToSign/EditDataTypesToSign.tsx
+++ b/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditDataTypesToSign/EditDataTypesToSign.tsx
@@ -3,7 +3,6 @@ import { StudioProperty } from '@studio/components';
 import { useTranslation } from 'react-i18next';
 import { LinkIcon } from '@studio/icons';
 import { SelectDataTypesToSign } from './SelectDataTypesToSign';
-import classes from './EditDataTypesToSign.module.css';
 import { useGetDataTypesToSign } from '../../../../hooks/dataTypesToSign/useGetDataTypesToSign';
 
 export const EditDataTypesToSign = () => {
@@ -21,15 +20,8 @@ export const EditDataTypesToSign = () => {
       onClick={() => setDataTypesToSignSelectVisible(true)}
       property={t('process_editor.configuration_panel_set_data_types_to_sign')}
       title={t('process_editor.configuration_panel_set_data_types_to_sign')}
-      value={
-        <>
-          {selectedDataTypes?.map((dataType) => (
-            <div key={dataType} className={classes.dataType}>
-              <LinkIcon /> {dataType}
-            </div>
-          ))}
-        </>
-      }
+      icon={<LinkIcon />}
+      value={selectedDataTypes?.map((dataType: string) => <div key={dataType}>{dataType}</div>)}
     />
   );
 };
diff --git a/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditUniqueFromSignaturesInDataTypes/EditUniqueFromSignaturesInDataTypes.module.css b/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditUniqueFromSignaturesInDataTypes/EditUniqueFromSignaturesInDataTypes.module.css
deleted file mode 100644
index 15a61bbfa90..00000000000
--- a/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditUniqueFromSignaturesInDataTypes/EditUniqueFromSignaturesInDataTypes.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.dataType {
-  align-items: center;
-  display: flex;
-  gap: var(--fds-spacing-1);
-}
diff --git a/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditUniqueFromSignaturesInDataTypes/EditUniqueFromSignaturesInDataTypes.tsx b/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditUniqueFromSignaturesInDataTypes/EditUniqueFromSignaturesInDataTypes.tsx
index 4675a4ff248..655f073ad00 100644
--- a/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditUniqueFromSignaturesInDataTypes/EditUniqueFromSignaturesInDataTypes.tsx
+++ b/frontend/packages/process-editor/src/components/ConfigPanel/ConfigContent/EditUniqueFromSignaturesInDataTypes/EditUniqueFromSignaturesInDataTypes.tsx
@@ -4,7 +4,6 @@ import { StudioProperty } from '@studio/components';
 import { useTranslation } from 'react-i18next';
 import { PersonPencilIcon } from '@studio/icons';
 import { SelectUniqueFromSignaturesInDataTypes } from './SelectUniqueFromSignaturesInDataTypes';
-import classes from './EditUniqueFromSignaturesInDataTypes.module.css';
 import { getSelectedDataTypes } from './UniqueFromSignaturesInDataTypesUtils';
 import { StudioModeler } from '../../../../utils/bpmnModeler/StudioModeler';
 
@@ -62,15 +61,8 @@ export const EditUniqueFromSignaturesInDataTypes = () => {
             'process_editor.configuration_panel_set_unique_from_signatures_in_data_types',
           )}
           title={t('process_editor.configuration_panel_set_unique_from_signatures_in_data_types')}
-          value={
-            <>
-              {signingTasks?.map((dataType) => (
-                <div key={dataType.id} className={classes.dataType}>
-                  <PersonPencilIcon /> {dataType.name}
-                </div>
-              ))}
-            </>
-          }
+          icon={<PersonPencilIcon />}
+          value={signingTasks?.map((dataType) => <div key={dataType.id}>{dataType.name}</div>)}
         />
       )}
     </>