make limits parameter optional (#854)

* make limits parameter optional

* remove optional argument

* fix

Author: carojeandat

src/components/parameters/common/limitreductions/limit-reduction-table-cell.tsx

@@ -24,7 +24,7 @@ export function LimitReductionTableCell({
     column: LimitReductionIColumnsDef;
     limits: ILimitReductionsByVoltageLevel[];
 }>) {
-    return column.dataKey === VOLTAGE_LEVELS_FORM ? (
+    return column.dataKey === VOLTAGE_LEVELS_FORM && limits[rowIndex] ? (
         <Tooltip
             title={
                 <FormattedMessage
@@ -42,7 +42,11 @@ export function LimitReductionTableCell({
         </Tooltip>
     ) : (
         <TableCell sx={{ fontWeight: 'bold' }}>
-            <FloatInput name={`${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}`} />
+            {column.dataKey === VOLTAGE_LEVELS_FORM ? (
+                <RawReadOnlyInput name={`${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}`} />
+            ) : (
+                <FloatInput name={`${LIMIT_REDUCTIONS_FORM}[${rowIndex}].${column.dataKey}`} />
+            )}
         </TableCell>
     );
 }

src/components/parameters/common/voltage-level-table/custom-voltage-level-table.tsx

@@ -5,7 +5,6 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Tooltip } from '@mui/material';
-import { useMemo } from 'react';
 import { useFieldArray } from 'react-hook-form';
 import {
     LimitReductionIColumnsDef,
@@ -19,7 +18,7 @@ interface LimitReductionsTableProps {
     columnsDefinition: LimitReductionIColumnsDef[];
     tableHeight: number;
     formName: string;
-    limits: ILimitReductionsByVoltageLevel[];
+    limits?: ILimitReductionsByVoltageLevel[];
 }
 
 export function CustomVoltageLevelTable({
@@ -32,11 +31,6 @@ export function CustomVoltageLevelTable({
         name: formName,
     });
 
-    const TableRowComponent = useMemo(
-        () => (formName === LIMIT_REDUCTIONS_FORM ? LimitReductionTableRow : CustomVoltageLevelTableRow),
-        [formName]
-    );
-
     return (
         <TableContainer
             sx={{
@@ -63,15 +57,23 @@ export function CustomVoltageLevelTable({
                     </TableRow>
                 </TableHead>
                 <TableBody>
-                    {rows.map((row, index) => (
-                        <TableRowComponent
-                            key={`${row.id}`}
-                            columnsDefinition={columnsDefinition}
-                            index={index}
-                            formName={formName}
-                            limits={limits}
-                        />
-                    ))}
+                    {rows.map((row, index) =>
+                        formName === LIMIT_REDUCTIONS_FORM && limits ? (
+                            <LimitReductionTableRow
+                                key={`${row.id}`}
+                                columnsDefinition={columnsDefinition}
+                                index={index}
+                                limits={limits}
+                            />
+                        ) : (
+                            <CustomVoltageLevelTableRow
+                                key={`${row.id}`}
+                                columnsDefinition={columnsDefinition}
+                                index={index}
+                                formName={formName}
+                            />
+                        )
+                    )}
                 </TableBody>
             </Table>
         </TableContainer>