upcoming: [M3-8145] – Update LDE copy in Linode Create flow when Distributed region is selected

packages/manager/.changeset/pr-10576-upcoming-features-1718227220058.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Revise LDE copy in Linode Create flow when Distributed region is selected ([#10576](https://github.com/linode/manager/pull/10576))

packages/manager/src/components/AccessPanel/AccessPanel.tsx

@@ -1,14 +1,16 @@
-import { Theme } from '@mui/material/styles';
 import * as React from 'react';
 import { makeStyles } from 'tss-react/mui';
 
 import {
+  DISK_ENCRYPTION_DEFAULT_DISTRIBUTED_INSTANCES,
+  DISK_ENCRYPTION_DISTRIBUTED_DESCRIPTION,
   DISK_ENCRYPTION_GENERAL_DESCRIPTION,
   DISK_ENCRYPTION_UNAVAILABLE_IN_REGION_COPY,
 } from 'src/components/DiskEncryption/constants';
 import { DiskEncryption } from 'src/components/DiskEncryption/DiskEncryption';
 import { useIsDiskEncryptionFeatureEnabled } from 'src/components/DiskEncryption/utils';
 import { Paper } from 'src/components/Paper';
+import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils';
 import { SuspenseLoader } from 'src/components/SuspenseLoader';
 import { Typography } from 'src/components/Typography';
 import { useRegionsQuery } from 'src/queries/regions/regions';
@@ -17,6 +19,8 @@ import { doesRegionSupportFeature } from 'src/utilities/doesRegionSupportFeature
 import { Divider } from '../Divider';
 import UserSSHKeyPanel from './UserSSHKeyPanel';
 
+import type { Theme } from '@mui/material/styles';
+
 const PasswordInput = React.lazy(
   () => import('src/components/PasswordInput/PasswordInput')
 );
@@ -94,6 +98,11 @@ export const AccessPanel = (props: Props) => {
     'Disk Encryption'
   );
 
+  const isDistributedRegion = getIsDistributedRegion(
+    regions ?? [],
+    selectedRegion ?? ''
+  );
+
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) =>
     _handleChange(e.target.value);
 
@@ -111,9 +120,17 @@ export const AccessPanel = (props: Props) => {
       <>
         <Divider spacingBottom={20} spacingTop={24} />
         <DiskEncryption
-          descriptionCopy={DISK_ENCRYPTION_GENERAL_DESCRIPTION}
+          descriptionCopy={
+            isDistributedRegion
+              ? DISK_ENCRYPTION_DISTRIBUTED_DESCRIPTION
+              : DISK_ENCRYPTION_GENERAL_DESCRIPTION
+          }
+          disabledReason={
+            isDistributedRegion
+              ? DISK_ENCRYPTION_DEFAULT_DISTRIBUTED_INSTANCES
+              : DISK_ENCRYPTION_UNAVAILABLE_IN_REGION_COPY
+          }
           disabled={!regionSupportsDiskEncryption}
-          disabledReason={DISK_ENCRYPTION_UNAVAILABLE_IN_REGION_COPY}
           isEncryptDiskChecked={diskEncryptionEnabled ?? false}
           onChange={() => toggleDiskEncryptionEnabled()}
         />

packages/manager/src/components/DiskEncryption/constants.tsx

@@ -2,15 +2,21 @@ import React from 'react';
 
 import { Link } from 'src/components/Link';
 
-// @TODO LDE: Update "Learn more" link
+const DISK_ENCRYPTION_GUIDE_LINK =
+  'https://www.linode.com/docs/products/compute/compute-instances/guides/local-disk-encryption';
+
 export const DISK_ENCRYPTION_GENERAL_DESCRIPTION = (
   <>
     Secure this Linode using data at rest encryption. Data center systems take
     care of encrypting and decrypting for you. After the Linode is created, use
-    Rebuild to enable or disable this feature. <Link to="">Learn more</Link>.
+    Rebuild to enable or disable this feature.{' '}
+    <Link to={DISK_ENCRYPTION_GUIDE_LINK}>Learn more</Link>.
   </>
 );
 
+export const DISK_ENCRYPTION_DISTRIBUTED_DESCRIPTION =
+  'Distributed Compute Instances are secured using disk encryption. Encryption and decryption are automatically managed for you.';
+
 const DISK_ENCRYPTION_UPDATE_PROTECT_CLUSTERS_DOCS_LINK =
   'https://www.linode.com/docs/products/compute/compute-instances/guides/local-disk-encryption/';
 
@@ -30,6 +36,9 @@ export const DISK_ENCRYPTION_UPDATE_PROTECT_CLUSTERS_BANNER_KEY =
 export const DISK_ENCRYPTION_UNAVAILABLE_IN_REGION_COPY =
   'Disk encryption is not available in the selected region.';
 
+export const DISK_ENCRYPTION_DEFAULT_DISTRIBUTED_INSTANCES =
+  'Distributed Compute Instances are encrypted. This setting can not be changed.';
+
 // Guidance
 export const DISK_ENCRYPTION_NODE_POOL_GUIDANCE_COPY =
   'To enable disk encryption, delete the node pool and create a new node pool. New node pools are always encrypted.';

packages/manager/src/features/Linodes/LinodeCreatev2/Access.tsx

@@ -3,13 +3,16 @@ import { Controller, useFormContext, useWatch } from 'react-hook-form';
 
 import UserSSHKeyPanel from 'src/components/AccessPanel/UserSSHKeyPanel';
 import {
+  DISK_ENCRYPTION_DEFAULT_DISTRIBUTED_INSTANCES,
+  DISK_ENCRYPTION_DISTRIBUTED_DESCRIPTION,
   DISK_ENCRYPTION_GENERAL_DESCRIPTION,
   DISK_ENCRYPTION_UNAVAILABLE_IN_REGION_COPY,
 } from 'src/components/DiskEncryption/constants';
 import { DiskEncryption } from 'src/components/DiskEncryption/DiskEncryption';
 import { useIsDiskEncryptionFeatureEnabled } from 'src/components/DiskEncryption/utils';
 import { Divider } from 'src/components/Divider';
 import { Paper } from 'src/components/Paper';
+import { getIsDistributedRegion } from 'src/components/RegionSelect/RegionSelect.utils';
 import { Skeleton } from 'src/components/Skeleton';
 import { inputMaxWidth } from 'src/foundations/themes/light';
 import { useRestrictedGlobalGrantCheck } from 'src/hooks/useRestrictedGlobalGrantCheck';
@@ -37,6 +40,11 @@ export const Access = () => {
     'Disk Encryption'
   );
 
+  const isDistributedRegion = getIsDistributedRegion(
+    regions ?? [],
+    selectedRegion?.id ?? ''
+  );
+
   const isLinodeCreateRestricted = useRestrictedGlobalGrantCheck({
     globalGrantType: 'add_linodes',
   });
@@ -83,12 +91,20 @@ export const Access = () => {
           <Controller
             render={({ field, fieldState }) => (
               <DiskEncryption
+                descriptionCopy={
+                  isDistributedRegion
+                    ? DISK_ENCRYPTION_DISTRIBUTED_DESCRIPTION
+                    : DISK_ENCRYPTION_GENERAL_DESCRIPTION
+                }
+                disabledReason={
+                  isDistributedRegion
+                    ? DISK_ENCRYPTION_DEFAULT_DISTRIBUTED_INSTANCES
+                    : DISK_ENCRYPTION_UNAVAILABLE_IN_REGION_COPY
+                }
                 onChange={(checked) =>
                   field.onChange(checked ? 'enabled' : 'disabled')
                 }
-                descriptionCopy={DISK_ENCRYPTION_GENERAL_DESCRIPTION}
                 disabled={!regionSupportsDiskEncryption}
-                disabledReason={DISK_ENCRYPTION_UNAVAILABLE_IN_REGION_COPY}
                 error={fieldState.error?.message}
                 isEncryptDiskChecked={field.value === 'enabled'}
               />