improvement: finish address changes

frontend/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/AwsKmsForm.tsx

@@ -61,7 +61,7 @@ export const AwsKmsForm = ({ onCompleted, onCancel, kms }: Props) => {
   } = useForm<AddExternalKmsType>({
     resolver: zodResolver(AddExternalKmsSchema),
     defaultValues: {
-      slug: kms?.slug,
+      name: kms?.name,
       description: kms?.description ?? "",
       provider: {
         type: ExternalKmsProvider.AWS,
@@ -89,12 +89,12 @@ export const AwsKmsForm = ({ onCompleted, onCancel, kms }: Props) => {
   const selectedAwsAuthType = watch("provider.inputs.credential.type");
 
   const handleAddAwsKms = async (data: AddExternalKmsType) => {
-    const { slug, description, provider } = data;
+    const { name, description, provider } = data;
     try {
       if (kms) {
         await updateAwsExternalKms({
           kmsId: kms.id,
-          slug,
+          name,
           description,
           provider
         });
@@ -105,7 +105,7 @@ export const AwsKmsForm = ({ onCompleted, onCancel, kms }: Props) => {
         });
       } else {
         await addAwsExternalKms({
-          slug,
+          name,
           description,
           provider
         });
@@ -126,7 +126,7 @@ export const AwsKmsForm = ({ onCompleted, onCancel, kms }: Props) => {
     <form onSubmit={handleSubmit(handleAddAwsKms)} autoComplete="off">
       <Controller
         control={control}
-        name="slug"
+        name="name"
         render={({ field, fieldState: { error } }) => (
           <FormControl label="Alias" errorText={error?.message} isError={Boolean(error)}>
             <Input placeholder="" {...field} />

frontend/src/views/Settings/OrgSettingsPage/components/OrgEncryptionTab/OrgEncryptionTab.tsx

@@ -122,7 +122,7 @@ export const OrgEncryptionTab = withPermission(
                       )}
                       <div className="ml-2">{kms.externalKms.provider.toUpperCase()}</div>
                     </Td>
-                    <Td>{kms.slug}</Td>
+                    <Td>{kms.name}</Td>
                     <Td>
                       <DropdownMenu>
                         <DropdownMenuTrigger asChild className="rounded-lg">
@@ -170,7 +170,7 @@ export const OrgEncryptionTab = withPermission(
                                 onClick={(e) => {
                                   e.stopPropagation();
                                   handlePopUpOpen("removeExternalKms", {
-                                    slug: kms.slug,
+                                    name: kms.name,
                                     kmsId: kms.id,
                                     provider: kms.externalKms.provider
                                   });

frontend/src/views/Settings/ProjectSettingsPage/components/EncryptionTab/EncryptionTab.tsx

@@ -307,7 +307,7 @@ export const EncryptionTab = () => {
                       </SelectItem>
                       {externalKmsList?.map((kms) => (
                         <SelectItem value={kms.id} key={`kms-${kms.id}`}>
-                          {kms.slug}
+                          {kms.name}
                         </SelectItem>
                       ))}
                     </Select>