fix(app): persisted volume fixes [EE-6554] (#10975)

Co-authored-by: testa113 <testa113>

app/kubernetes/views/applications/create/createApplicationController.js

@@ -372,6 +372,10 @@ class KubernetesCreateApplicationController {
 
   onChangePersistedFolder(values) {
     this.$scope.$evalAsync(() => {
+      this.state.persistedFoldersUseExistingVolumes = values.some((pf) => pf.existingVolume);
+      if (!this.state.isEdit && this.state.persistedFoldersUseExistingVolumes) {
+        this.formValues.DataAccessPolicy = this.ApplicationDataAccessPolicies.Shared;
+      }
       this.formValues.PersistedFolders = values;
       if (values && values.length && !this.supportGlobalDeployment()) {
         this.onChangeDeploymentType(this.ApplicationDeploymentTypes.Replicated);

app/react/kubernetes/applications/CreateView/DataAccessPolicyFormSection.tsx

@@ -1,6 +1,8 @@
 import { Box, Boxes } from 'lucide-react';
 
 import { BoxSelector, BoxSelectorOption } from '@@/BoxSelector';
+import { FormSection } from '@@/form-components/FormSection';
+import { TextTip } from '@@/Tip/TextTip';
 
 import { AppDataAccessPolicy } from '../types';
 
@@ -20,6 +22,10 @@ export function DataAccessPolicyFormSection({
   const options = getOptions(value, isEdit, persistedFoldersUseExistingVolumes);
 
   return (
+    <FormSection title="Data access policy" titleSize="sm">
+      <TextTip color="blue">
+        Specify how the data will be used across instances.
+      </TextTip>
       <BoxSelector
         slim
         options={options}
@@ -27,6 +33,7 @@ export function DataAccessPolicyFormSection({
         onChange={onChange}
         radioName="data_access_policy"
       />
+    </FormSection>
   );
 }
 
@@ -65,7 +72,7 @@ function getOptions(
         }
         return '';
       },
-      disabled: () => persistedFoldersUseExistingVolumes,
+      disabled: () => isEdit && value !== 'Shared',
     },
   ] as const;
 }

app/react/kubernetes/applications/components/PersistedFoldersFormSection/PersistedFolderItem.tsx

@@ -204,7 +204,7 @@ export function PersistedFolderItem({
             isDisabled={
               (isEdit && isExistingPersistedFolder()) ||
               applicationValues.Containers.length > 1 ||
-              availableVolumes.length <= 1
+              availableVolumes.length < 1
             }
             data-cy={`k8sAppCreate-pvcSelect_${index}`}
           />

app/react/kubernetes/applications/components/PersistedFoldersFormSection/persistedFoldersValidation.ts

@@ -103,8 +103,8 @@ function existingVolumeValidation(): SchemaOf<ExistingVolume> {
       Storage: string().required(),
       storageClass: storageClassValidation(),
       CreationDate: string().required(),
-      ApplicationOwner: string().required(),
+      ApplicationOwner: string(),
-      ApplicationName: string().required(),
+      ApplicationName: string(),
       PreviousName: string(),
       MountPath: string(),
       Yaml: string(),

app/react/kubernetes/applications/components/PersistedFoldersFormSection/types.ts

@@ -19,8 +19,8 @@ export type ExistingVolume = {
     Storage: string;
     storageClass: StorageClass;
     CreationDate: string;
-    ApplicationOwner: string;
+    ApplicationOwner?: string;
-    ApplicationName: string;
+    ApplicationName?: string;
     PreviousName?: string;
     MountPath?: string;
     Yaml?: string;