Add performance metric tooltip to BiasSettings and localize in English and Dutch

Author: devhelpr

src/components/BiasSettings.tsx

@@ -217,10 +217,15 @@ export default function BiasSettings({
                                 disabled={isLoading}
                                 render={({ field }) => (
                                     <FormItem>
-                                        <FormLabel>
+                                        <FormLabel className="flex flex-row items-center gap-1">
                                             {t(
                                                 'biasSettings.form.fieldsets.data.performanceMetric'
                                             )}
+                                            <IconInfoTooltip
+                                                tooltipText={t(
+                                                    'biasSettings.form.fieldsets.data.performanceMetricTooltip'
+                                                )}
+                                            />
                                         </FormLabel>
                                         <Select
                                             onValueChange={field.onChange}
@@ -431,11 +436,6 @@ export default function BiasSettings({
                                 {t(
                                     'biasSettings.form.fieldsets.parameters.performanceInterpretation.title'
                                 )}
-                                <IconInfoTooltip
-                                    tooltipText={t(
-                                        'biasSettings.form.fieldsets.parameters.performanceInterpretation.tooltip'
-                                    )}
-                                />
                             </label>
                             <FormField
                                 control={form.control}

src/locales/en.ts

@@ -30,6 +30,8 @@ export const en = {
                     dataSet: 'Dataset',
                     dataSetTooltip: `Your data should be prepared as follows: ...`,
                     performanceMetric: 'Bias metric',
+                    performanceMetricTooltip:
+                        'Clustering will be based on the bias metrics',
                     dataType: 'Type of data',
                     categoricalData: 'Categorical data',
                     numericalData: 'Numerical data',
@@ -42,7 +44,6 @@ export const en = {
                         title: 'Bias metric interpretation',
                         lower: 'Lower value of bias metric is better, e.g., error rate',
                         higher: 'Higher value of bias metric is better, e.g., accuracy',
-                        tooltip: 'Clustering will be based on the bias metrics',
                     },
                     iterationsTooltip:
                         'Number of times the dataset is split in smaller clusters until the minimal cluster size is reached',

src/locales/nl.ts

@@ -192,6 +192,8 @@ export const nl = {
             iterations: 'Aantal iteraties: {{value}}',
             minClusterSize: 'Minimale clustergrootte: {{value}}',
             performanceMetric: 'Prestatiemetingkolom: {{value}}',
+            performanceMetricTooltip:
+                'De geselecteerde kolom wordt gebruikt om de bias te meten.',
             dataType: 'Gegevenstype: {{value}}',
         },
         clusters: {