Fix unique name and validation button in LF params edition (#773)

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

Author: dbraquart

src/components/parameters/loadflow/load-flow-parameters-dialog.tsx

@@ -33,7 +33,7 @@ export interface ParametersEditionDialogProps {
     titleId: string;
     name: string;
     description: string | null;
-    activeDirectory?: UUID;
+    activeDirectory: UUID;
     language?: string;
     user: User | null;
     enableDeveloperMode: boolean;
@@ -68,6 +68,11 @@ export function LoadFlowParametersEditionDialog({
 
     const loadflowMethods = useLoadFlowParametersForm(parametersBackend, enableDeveloperMode, id, name, description);
 
+    const {
+        formState: { errors, dirtyFields },
+    } = loadflowMethods.formMethods;
+    const disableSave = Object.keys(errors).length > 0 || Object.keys(dirtyFields).length === 0;
+
     return (
         <CustomMuiDialog
             open={open}
@@ -79,6 +84,7 @@ export function LoadFlowParametersEditionDialog({
             titleId={titleId}
             removeOptional
             language={language}
+            disabledSave={disableSave}
         >
             <LoadFlowProvider>
                 <LoadFlowParametersForm
@@ -90,6 +96,7 @@ export function LoadFlowParametersEditionDialog({
                                     <Grid item xs={12}>
                                         <UniqueNameInput
                                             name={FieldConstants.NAME}
+                                            currentName={name}
                                             label="nameProperty"
                                             elementType={ElementType.LOADFLOW_PARAMETERS}
                                             activeDirectory={activeDirectory}

src/translations/en/parameters.ts

@@ -51,7 +51,7 @@ export const parametersEn = {
     descLfCountries: 'Countries',
     descLfAllCountries: 'All countries',
     descLfCountriesToBalance: 'Countries participating in balancing',
-    editParameters: 'Edit parameter',
+    editParameters: 'Edit parameters',
     RealPercentage: 'This value must be between 0 and 1',
 
     General: 'General',

src/translations/fr/parameters.ts

@@ -53,7 +53,7 @@ export const parametersFr = {
     descLfCountries: 'Pays',
     descLfAllCountries: 'Tous les pays',
     descLfCountriesToBalance: 'Pays participant à la compensation',
-    editParameters: 'Éditer le paramètre',
+    editParameters: 'Éditer les paramètres',
     RealPercentage: 'Cette valeur doit être comprise entre 0 et 1',
 
     General: 'Général',