import { Box, Boxes } from 'lucide-react'; import { KubernetesApplicationDataAccessPolicies } from '@/kubernetes/models/application/models'; import { BoxSelector, BoxSelectorOption } from '@@/BoxSelector'; interface Props { isEdit: boolean; persistedFoldersUseExistingVolumes: boolean; value: number; onChange(value: number): void; } export function DataAccessPolicyFormSection({ isEdit, persistedFoldersUseExistingVolumes, value, onChange, }: Props) { const options = getOptions(value, isEdit, persistedFoldersUseExistingVolumes); return ( ); } function getOptions( value: number, isEdit: boolean, persistedFoldersUseExistingVolumes: boolean ): ReadonlyArray> { return [ { value: KubernetesApplicationDataAccessPolicies.ISOLATED, id: 'data_access_isolated', icon: Boxes, iconType: 'badge', label: 'Isolated', description: 'Application will be deployed as a StatefulSet with each instantiating their own data', tooltip: () => isEdit || persistedFoldersUseExistingVolumes ? 'Changing the data access policy is not allowed' : '', disabled: () => (isEdit && value !== KubernetesApplicationDataAccessPolicies.ISOLATED) || persistedFoldersUseExistingVolumes, }, { value: KubernetesApplicationDataAccessPolicies.SHARED, id: 'data_access_shared', icon: Box, iconType: 'badge', label: 'Shared', description: 'Application will be deployed as a Deployment with a shared storage access', tooltip: () => isEdit ? 'Changing the data access policy is not allowed' : '', disabled: () => isEdit && value !== KubernetesApplicationDataAccessPolicies.SHARED, }, ] as const; }