change panel close icon

src/web/components/icon/XIcon.jsx

@@ -0,0 +1,16 @@
+/* SPDX-FileCopyrightText: 2024 Greenbone AG
+ *
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import withSvgIcon from './withSvgIcon';
+
+import {X as Icon} from 'lucide-react';
+
+import IconWithStrokeWidth from 'web/components/icon/IconWithStrokeWidth';
+
+const XIcon = withSvgIcon()(props => (
+  <IconWithStrokeWidth IconComponent={Icon} {...props} />
+));
+
+export default XIcon;

src/web/components/icon/__tests__/XIcon.jsx

@@ -0,0 +1,14 @@
+/* SPDX-FileCopyrightText: 2024 Greenbone AG
+ *
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import {describe} from '@gsa/testing';
+
+import {testIcon} from 'web/components/icon/testing';
+
+import XIcon from '../XIcon';
+
+describe('XIcon component tests', () => {
+  testIcon(XIcon);
+});

src/web/components/panel/infopanel.jsx

@@ -3,14 +3,13 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-
 import React from 'react';
 
 import styled from 'styled-components';
 
 import {isDefined} from 'gmp/utils/identity';
 
-import DeleteIcon from 'web/components/icon/deleteicon';
+import XIcon from 'web/components/icon/XIcon';
 
 import {styledExcludeProps} from 'web/utils/styledConfig';
 import PropTypes from 'web/utils/proptypes';
@@ -73,7 +72,7 @@ const InfoPanel = ({
           {heading}
           {isDefined(onCloseClick) && (
             <Button data-testid="panel-close-button" onClick={onCloseClick}>
-              <DeleteIcon />
+              <XIcon />
             </Button>
           )}
         </Heading>
@@ -85,6 +84,7 @@ const InfoPanel = ({
 };
 
 InfoPanel.propTypes = {
+  children: PropTypes.element,
   footer: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
   heading: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
   isWarning: PropTypes.bool,