From 01da4b861358a663b7f30523bf39571714f94ee2 Mon Sep 17 00:00:00 2001
From: daniele-mng <daniele.mangiagli@greenbone.net>
Date: Mon, 23 Dec 2024 10:32:43 +0100
Subject: [PATCH] fix: improve table row key and update nvt preference for
 better text wrapping (#4257)

---
 src/web/components/table/row.jsx             | 7 ++++---
 src/web/pages/scanconfigs/nvtpreferences.jsx | 2 ++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/web/components/table/row.jsx b/src/web/components/table/row.jsx
index 4d838f8c70..6c7517c0a2 100644
--- a/src/web/components/table/row.jsx
+++ b/src/web/components/table/row.jsx
@@ -3,13 +3,13 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import React from 'react';
-
 import PropTypes from '../../utils/proptypes';
 
 const TableRow = ({items = [], children, ...other}) => {
   const data = items.map((item, i) => {
-    return <th key={i}>{item}</th>;
+    return (
+      <th key={item.id && item.name ? `${item.id}-${item.name}` : i}>{item}</th>
+    );
   });
   return (
     <tr {...other}>
@@ -20,6 +20,7 @@ const TableRow = ({items = [], children, ...other}) => {
 };
 
 TableRow.propTypes = {
+  children: PropTypes.node,
   items: PropTypes.array,
 };
 
diff --git a/src/web/pages/scanconfigs/nvtpreferences.jsx b/src/web/pages/scanconfigs/nvtpreferences.jsx
index 0520b6b4cb..89128d9761 100644
--- a/src/web/pages/scanconfigs/nvtpreferences.jsx
+++ b/src/web/pages/scanconfigs/nvtpreferences.jsx
@@ -19,6 +19,8 @@ import PropTypes from 'web/utils/proptypes';
 
 const StyledTableData = styled(TableData)`
   overflow-wrap: break-word;
+  white-space: normal;
+  word-break: break-word;
 `;
 
 const shouldComponentUpdate = (props, nextProps) =>