fix: [UIE-8447] - autofill fix and clear errors on blur (#12032)

* autofill fix, error fix

* Added changeset: autofill fix and clear API errors on blur for config item input

* save button label fix

Author: mpolotsk-akamai

packages/manager/.changeset/pr-12032-fixed-1744732437757.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+incorrect restart-related label on Save button, autofill not applying values, and API errors not clearing on config field blur ([#12032](https://github.com/linode/manager/pull/12032))

packages/manager/src/features/Databases/DatabaseDetail/DatabaseAdvancedConfiguration/DatabaseAdvancedConfigurationDrawer.tsx

@@ -140,7 +140,6 @@ export const DatabaseAdvancedConfigurationDrawer = (props: Props) => {
 
   const handleRemoveConfig = (index: number) => {
     remove(index);
-    reset(watch(), { keepDirty: true });
   };
 
   const handleClose = () => {
@@ -238,7 +237,10 @@ export const DatabaseAdvancedConfigurationDrawer = (props: Props) => {
                     fieldState.error?.message ||
                     getConfigAPIError(config, updateDatabaseError)
                   }
-                  onBlur={field.onBlur}
+                  onBlur={() => {
+                    setUpdateDatabaseError(null);
+                    field.onBlur();
+                  }}
                   onChange={field.onChange}
                   onRemove={() => handleRemoveConfig(index)}
                 />

packages/manager/src/features/Databases/DatabaseDetail/DatabaseAdvancedConfiguration/DatabaseConfigurationItem.tsx

@@ -57,6 +57,7 @@ export const DatabaseConfigurationItem = (props: Props) => {
       );
       return (
         <Autocomplete
+          autoHighlight
           disableClearable
           isOptionEqualToValue={(option, value) => option.label === value.label}
           label={''}

packages/manager/src/features/Databases/DatabaseDetail/DatabaseAdvancedConfiguration/utilities.ts

@@ -242,9 +242,10 @@ export const hasRestartCluster = (
   dirtyFields: any,
   configs: ConfigurationOption[]
 ): string => {
-  return Object.keys(dirtyFields.configs || {}).some(
-    (key) => configs[Number(key)]?.requires_restart
-  )
+  return configs.some((config, index) => {
+    const isDirtyValue = dirtyFields.configs?.[index]?.value;
+    return isDirtyValue && config.requires_restart;
+  })
     ? 'Save and Restart Service'
     : 'Save';
 };