Skip to content

feat: [M3-6993] – Add VPC data to Linode Detail header#9645

Merged
dwiley-akamai merged 11 commits intolinode:developfrom
dwiley-akamai:M3-6993-vpc-data-linode-detail-header
Sep 15, 2023
Merged

feat: [M3-6993] – Add VPC data to Linode Detail header#9645
dwiley-akamai merged 11 commits intolinode:developfrom
dwiley-akamai:M3-6993-vpc-data-linode-detail-header

Conversation

@dwiley-akamai
Copy link
Contributor

@dwiley-akamai dwiley-akamai commented Sep 7, 2023

Description 📝

For Linodes assigned to a VPC, display the linkified VPC label, the subnets list, and the VPC IPv4 address in a "VPC" section in the Linode Detail header.

To-Do:

  • Minor code cleanup
  • Unit tests

Major Changes 🔄

For Linodes assigned to a VPC, display a "VPC" section in the Linode Detail header.

Also, add an enabled argument to the useVPCsQuery() so that the query doesn't run on Linode Detail pages if the VPC section shouldn't be displayed.

Preview 📷

Screenshot 2023-09-07 at 2 17 54 PM

How to test 🧪

Confirm that a Linode assigned to a VPC has the VPC section added to its Detail header.

Confirm that a Linode not assigned to a VPC does not have the VPC section in its Detail header.

@dwiley-akamai dwiley-akamai added Work in Progress VPC Relating to VPC project labels Sep 7, 2023
@dwiley-akamai dwiley-akamai self-assigned this Sep 7, 2023
});

const { data: configs } = useAllLinodeConfigsQuery(linodeId);
let _configInterfaceWithVPC: Interface | undefined;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Opted for this approach to hold the interface data as opposed to looping through two separate times as in the initial commit

Copy link
Contributor

@hana-akamai hana-akamai left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like there's a bit of border missing on the right side
image

@dwiley-akamai
Copy link
Contributor Author

Looks like there's a bit of border missing on the right side image

I haven't been able to get the border to extend all the way -- when I inspect that VPC subpanel, Dev Tools indicates there's a negative margin (❓):

Screenshot 2023-09-13 at 4 56 38 PM

@jaalah-akamai any insights into how to fix this issue?

@jdamore-linode
Copy link
Contributor

I had to abort the e2e test run because one of the runners was hanging, but all of the tests did run and pass -- feel free to treat it as a pass 👍

(cc @dwiley-akamai @jaalah-akamai )

@dwiley-akamai dwiley-akamai merged commit d6bafe8 into linode:develop Sep 15, 2023
@dwiley-akamai dwiley-akamai deleted the M3-6993-vpc-data-linode-detail-header branch September 15, 2023 15:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

VPC Relating to VPC project

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants