diff --git a/packages/manager/.changeset/pr-10429-fixed-1716930064091.md b/packages/manager/.changeset/pr-10429-fixed-1716930064091.md new file mode 100644 index 00000000000..493441e9fe4 --- /dev/null +++ b/packages/manager/.changeset/pr-10429-fixed-1716930064091.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Fixed +--- + +Surface interface error in Linode Config dialog ([#10429](https://github.com/linode/manager/pull/10429)) diff --git a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/InterfaceSelect.tsx b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/InterfaceSelect.tsx index 524eda85802..e4f9ccdbdb4 100644 --- a/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/InterfaceSelect.tsx +++ b/packages/manager/src/features/Linodes/LinodesDetail/LinodeSettings/InterfaceSelect.tsx @@ -5,6 +5,7 @@ import * as React from 'react'; import { Divider } from 'src/components/Divider'; import Select from 'src/components/EnhancedSelect/Select'; +import { Notice } from 'src/components/Notice/Notice'; import { Stack } from 'src/components/Stack'; import { TextField } from 'src/components/TextField'; import { Typography } from 'src/components/Typography'; @@ -384,26 +385,33 @@ export const InterfaceSelect = (props: InterfaceSelectProps) => { return ( {fromAddonsPanel ? null : ( - - 0 + ? purposeOptions + : purposeOptions.filter( + (thisPurposeOption) => thisPurposeOption.value !== 'none' + ) + } + value={purposeOptions.find( + (thisOption) => thisOption.value === purpose + )} + disabled={readOnly} + isClearable={false} + label={`eth${slotNumber}`} + onChange={handlePurposeChange} + /> + {unavailableInRegionHelperTextJSX} + + )} {purpose === 'vlan' && regionHasVLANs !== false &&