diff --git a/packages/manager/.changeset/pr-9683-fixed-1694731625764.md b/packages/manager/.changeset/pr-9683-fixed-1694731625764.md new file mode 100644 index 00000000000..96277b8f765 --- /dev/null +++ b/packages/manager/.changeset/pr-9683-fixed-1694731625764.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Fixed +--- + +Misplaced helper text and static copy in Linode Create Volume drawer ([#9683](https://github.com/linode/manager/pull/9683)) diff --git a/packages/manager/src/features/Volumes/VolumeCreate/CreateVolumeForm.tsx b/packages/manager/src/features/Volumes/VolumeCreate/CreateVolumeForm.tsx index 655cd4a78ec..5dd5866f0be 100644 --- a/packages/manager/src/features/Volumes/VolumeCreate/CreateVolumeForm.tsx +++ b/packages/manager/src/features/Volumes/VolumeCreate/CreateVolumeForm.tsx @@ -281,9 +281,9 @@ const CreateVolumeForm: React.FC = (props) => { > {dcSpecificPricing ? ( - A single Volume can range from 10 to 10240 GB in size. Up - to eight Volumes can be attached to a single Linode. - Select a region to see cost per GB. + A single Volume can range from 10 to {MAX_VOLUME_SIZE} GB + in size. Up to to eight Volumes can be attached to a + single Linode. Select a region to see cost per GB. ) : ( diff --git a/packages/manager/src/features/Volumes/VolumeDrawer/CreateVolumeForLinodeForm.tsx b/packages/manager/src/features/Volumes/VolumeDrawer/CreateVolumeForLinodeForm.tsx index 72a1b47215b..85c92ba014a 100644 --- a/packages/manager/src/features/Volumes/VolumeDrawer/CreateVolumeForLinodeForm.tsx +++ b/packages/manager/src/features/Volumes/VolumeDrawer/CreateVolumeForLinodeForm.tsx @@ -197,9 +197,18 @@ const CreateVolumeForm: React.FC = (props) => { data-qa-volume-size-help variant="body1" > - A single Volume can range from 10 to {MAX_VOLUME_SIZE} gigabytes - in size and costs $0.10/GB per month. Up to eight volumes can be - attached to a single Linode. + {flags.dcSpecificPricing ? ( + + A single Volume can range from 10 to {MAX_VOLUME_SIZE} GB in + size. Up to eight Volumes can be attached to a single Linode. + + ) : ( + + A single Volume can range from 10 to {MAX_VOLUME_SIZE} GB in + size and costs $0.10/GB per month.
+ Up to eight volumes can be attached to a single Linode. +
+ )} = (props) => { size: value, }); - const legacyHelperText = ( + const priceDisplayText = ( - {resize || isFromLinode ? ( - 'The size of the new volume in GB.' - ) : ( + {resize || isFromLinode ? null : ( ${price}/month )} ); - const dynamicPricingHelperText = !resize && ( + const dynamicPricingHelperText = !resize && !isFromLinode && ( Select a region to see cost per month. @@ -115,9 +113,9 @@ const SizeField: React.FC = (props) => {
{dcSpecificPricing ? hasSelectedRegion - ? legacyHelperText + ? priceDisplayText : dynamicPricingHelperText - : legacyHelperText} + : priceDisplayText}
);