use separate componant for validity (sonar issue)

Signed-off-by: David BRAQUART <[email protected]>

Author: dbraquart

src/pages/profiles/profiles-table.tsx

@@ -7,7 +7,7 @@
 
 import { FunctionComponent, RefObject, useCallback, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
-import { Cancel, CheckCircle, ManageAccounts, RadioButtonUnchecked } from '@mui/icons-material';
+import { ManageAccounts } from '@mui/icons-material';
 import { GridButton, GridButtonDelete, GridTable, GridTableRef } from '../../components/Grid';
 import { UserAdminSrv, UserProfile } from '../../services';
 import {
@@ -21,6 +21,7 @@ import {
 import { useSnackMessage } from '@gridsuite/commons-ui';
 import DeleteConfirmationDialog from '../common/delete-confirmation-dialog';
 import { defaultColDef, defaultRowSelection } from '../common/table-config';
+import ValidityCellRenderer from './validity-cell-renderer';
 
 export interface ProfilesTableProps {
     gridRef: RefObject<GridTableRef<UserProfile>>;
@@ -82,6 +83,7 @@ const ProfilesTable: FunctionComponent<ProfilesTableProps> = (props) => {
                     caseSensitive: false,
                     trimInput: true,
                 } as TextFilterParams<UserProfile>,
+                tooltipField: 'name',
             },
             {
                 field: 'allLinksValid',
@@ -90,15 +92,7 @@ const ProfilesTable: FunctionComponent<ProfilesTableProps> = (props) => {
                     display: 'flex',
                     alignItems: 'center',
                 }),
-                cellRenderer: (params: any) => {
-                    if (params.value == null) {
-                        return <RadioButtonUnchecked fontSize="small" />;
-                    } else if (params.value) {
-                        return <CheckCircle fontSize="small" color="success" />;
-                    } else {
-                        return <Cancel fontSize="small" color="error" />;
-                    }
-                },
+                cellRenderer: ValidityCellRenderer,
                 tooltipValueGetter: (p: ITooltipParams) => {
                     if (p.value == null) {
                         return intl.formatMessage({

src/pages/profiles/validity-cell-renderer.tsx

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import { Grid } from '@mui/material';
+import { Cancel, CheckCircle, RadioButtonUnchecked } from '@mui/icons-material';
+import { ICellRendererParams } from 'ag-grid-community';
+
+export const ValidityCellRenderer = (props: ICellRendererParams) => {
+    const renderIcon = (valid: boolean | undefined | null) => {
+        if (valid == null) {
+            return <RadioButtonUnchecked fontSize="small" />;
+        } else if (valid) {
+            return <CheckCircle fontSize="small" color="success" />;
+        } else {
+            return <Cancel fontSize="small" color="error" />;
+        }
+    };
+
+    return <Grid container>{renderIcon(props.value)}</Grid>;
+};
+
+export default ValidityCellRenderer;