upcoming: [M3-10033] - Improve Linode Create Clone behavior when cloning from a Linode using Linode Interfaces (#12304)

* make chips grey

* hide networking from clone linode

* hide networking + update handleSelect/default values

* Added changeset: Hide Networking section in new UI when cloning a Linode and change chip color in Interface detail drawer

* private ip linode interfaces

* address feedback

* arghh (cleanup oops)

Author: coliu-akamai

packages/manager/.changeset/pr-12304-upcoming-features-1748886988633.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Hide Networking section in new UI when cloning a Linode and change chip color in Interface detail drawer ([#12304](https://github.com/linode/manager/pull/12304))

packages/manager/src/features/Linodes/LinodeCreate/index.tsx

@@ -261,7 +261,9 @@ export const LinodeCreate = () => {
             <VLAN />
           )}
           <UserData />
-          {isLinodeInterfacesEnabled && <Networking />}
+          {isLinodeInterfacesEnabled && params.type !== 'Clone Linode' && (
+            <Networking />
+          )}
           <Addons />
           <EUAgreement />
           <Summary />

packages/manager/src/features/Linodes/LinodeCreate/shared/LinodeSelectTable.tsx

@@ -103,9 +103,10 @@ export const LinodeSelectTable = (props: Props) => {
       backup_id: null,
       backups_enabled: linode.backups.enabled,
       linode,
-      private_ip: hasPrivateIP,
+      private_ip: linode.interface_generation !== 'linode' && hasPrivateIP,
       region: linode.region,
       type: linode.type ?? '',
+      interface_generation: undefined,
     }));
 
     if (!isLabelFieldDirty) {

packages/manager/src/features/Linodes/LinodeCreate/utilities.ts

@@ -376,7 +376,8 @@ export const defaultValues = async (
   let interfaceGeneration: LinodeCreateFormValues['interface_generation'] =
     undefined;
 
-  if (isLinodeInterfacesEnabled) {
+  // only run if no Linode is preselected
+  if (isLinodeInterfacesEnabled && !linode) {
     try {
       const accountSettings = await queryClient.ensureQueryData(
         accountQueries.settings
@@ -401,7 +402,9 @@ export const defaultValues = async (
     }
   }
 
-  const privateIp = linode?.ipv4.some(isPrivateIP) ?? false;
+  const privateIp =
+    linode?.interface_generation !== 'linode' &&
+    (linode?.ipv4.some(isPrivateIP) ?? false);
 
   const values: LinodeCreateFormValues = {
     backup_id: params.backupID,

packages/manager/src/features/Linodes/LinodesDetail/LinodeNetworking/LinodeInterfaces/InterfaceDetailsDrawer/InterfaceDetailsContent.tsx

@@ -20,10 +20,10 @@ export const InterfaceDetailsContent = (props: LinodeInterface) => {
       {(default_route.ipv4 || default_route.ipv6) && (
         <Box>
           {default_route.ipv4 && (
-            <Chip color="info" component="span" label="IPv4 Default Route" />
+            <Chip component="span" label="IPv4 Default Route" />
           )}
           {default_route.ipv6 && (
-            <Chip color="info" component="span" label="IPv6 Default Route" />
+            <Chip component="span" label="IPv6 Default Route" />
           )}
         </Box>
       )}