fix error msg translation and badge position (#2442)

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

Author: dbraquart

src/components/spreadsheet/custom-columns/custom-columns-config.tsx

@@ -33,7 +33,7 @@ export default function CustomColumnsConfig({ tabIndex }: Readonly<CustomColumns
                 color="secondary"
                 anchorOrigin={{
                     vertical: 'top',
-                    horizontal: 'left',
+                    horizontal: 'right',
                 }}
                 badgeContent={customColumnsDefinitions.length}
             >

src/components/spreadsheet/custom-columns/custom-columns-form.tsx

@@ -19,7 +19,7 @@ export const initialCustomColumnForm: CustomColumnForm = {
 
 export const customColumnFormSchema = yup.object().shape({
     [COLUMN_ID]: yup.string(),
-    [COLUMN_NAME]: yup.string().required().max(60, 'Column name must be at most 60 characters'),
+    [COLUMN_NAME]: yup.string().required().max(60, 'spreadsheet/custom_column/error/name_exceeds_length'),
     [FORMULA]: yup.string().required(),
 });
 

src/translations/spreadsheet-en.ts

@@ -6,15 +6,16 @@
  */
 
 const spreadsheetEn = {
-    'spreadsheet/custom_column/edit_columns': 'Edit a column',
     'spreadsheet/column/button': 'Show / hide columns',
     'spreadsheet/column/dialog/title': 'Column list',
     'spreadsheet/column/dialog/check_all': 'Select all / none',
     'spreadsheet/custom_column/add_columns': 'Add a column',
+    'spreadsheet/custom_column/edit_columns': 'Edit a column',
     'spreadsheet/custom_column/column_name': 'Column name',
     'spreadsheet/custom_column/column_content': 'Enter the formula',
     'spreadsheet/custom_column/column_content_description': `Column content is described with variable names (in order to reference grid data) and operators provided by <Link>MathJS</Link> library (in order to transform grid data). Example: maxP - p in order to display active power reserve within the generator spreadsheet`,
     'spreadsheet/custom_column/error/not_unique': 'Column names must be unique',
+    'spreadsheet/custom_column/error/name_exceeds_length': 'Column name must be at most 60 characters',
     'spreadsheet/custom_column/update_custom_column': 'Update column',
     'spreadsheet/custom_column/delete_custom_column': 'Delete column',
     'spreadsheet/custom_column/delete_custom_column_confirmation':

src/translations/spreadsheet-fr.ts

@@ -6,15 +6,16 @@
  */
 
 const spreadsheetFr = {
-    'spreadsheet/custom_column/edit_columns': 'Éditer une colonne',
     'spreadsheet/column/button': 'Afficher / masquer colonnes',
     'spreadsheet/column/dialog/title': 'Liste des colonnes',
     'spreadsheet/column/dialog/check_all': 'Sélectionner tout / aucun',
     'spreadsheet/custom_column/add_columns': 'Ajouter une colonne',
+    'spreadsheet/custom_column/edit_columns': 'Éditer une colonne',
     'spreadsheet/custom_column/column_name': 'Nom de la colonne',
     'spreadsheet/custom_column/column_content': 'Entrer la formule',
     'spreadsheet/custom_column/column_content_description': `Le contenu d'une colonne est décrit avec des noms de variables (pour faire référence aux données du réseau) et des opérateurs proposés par la librairie <Link>MathJS</Link> (pour transformer les données du réseau). Exemple : maxP - p pour afficher la réserve de puissance active dans le tableur des groupes`,
     'spreadsheet/custom_column/error/not_unique': 'Les noms de colonne doivent être uniques',
+    'spreadsheet/custom_column/error/name_exceeds_length': 'Le nom de colonne ne peut dépasser 60 caractères',
     'spreadsheet/custom_column/update_custom_column': 'Modifier colonne',
     'spreadsheet/custom_column/delete_custom_column': 'Supprimer colonne',
     'spreadsheet/custom_column/delete_custom_column_confirmation':