diff --git a/packages/manager/.changeset/pr-9951-upcoming-features-1701454182728.md b/packages/manager/.changeset/pr-9951-upcoming-features-1701454182728.md new file mode 100644 index 00000000000..58a51bd1eee --- /dev/null +++ b/packages/manager/.changeset/pr-9951-upcoming-features-1701454182728.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Upcoming Features +--- + +Tweaked VPC landing page empty state copy and added resource links ([#9951](https://github.com/linode/manager/pull/9951)) diff --git a/packages/manager/cypress/e2e/core/vpc/vpc-landing-page.spec.ts b/packages/manager/cypress/e2e/core/vpc/vpc-landing-page.spec.ts index 15a43ba9c09..0bb4b43981c 100644 --- a/packages/manager/cypress/e2e/core/vpc/vpc-landing-page.spec.ts +++ b/packages/manager/cypress/e2e/core/vpc/vpc-landing-page.spec.ts @@ -71,7 +71,6 @@ describe('VPC landing page', () => { cy.findByText(VPC_LABEL).should('be.visible'); cy.findByText('Create a private and isolated network').should('be.visible'); cy.findByText('Getting Started Guides').should('be.visible'); - cy.findByText('Video Playlist').should('be.visible'); // Create button exists and navigates user to create page. ui.button diff --git a/packages/manager/src/features/VPCs/VPCLanding/VPCEmptyState.tsx b/packages/manager/src/features/VPCs/VPCLanding/VPCEmptyState.tsx index 44d44dde1ed..5afcd1effaf 100644 --- a/packages/manager/src/features/VPCs/VPCLanding/VPCEmptyState.tsx +++ b/packages/manager/src/features/VPCs/VPCLanding/VPCEmptyState.tsx @@ -3,10 +3,7 @@ import { useHistory } from 'react-router-dom'; import VPC from 'src/assets/icons/entityIcons/vpc.svg'; import { ResourcesSection } from 'src/components/EmptyLandingPageResources/ResourcesSection'; -import { - gettingStartedGuides, - youtubeLinkData, -} from 'src/features/Linodes/LinodesLanding/LinodesLandingEmptyStateData'; +import { gettingStartedGuides } from 'src/features/VPCs/VPCLanding/VPCLandingEmptyStateData'; import { sendEvent } from 'src/utilities/analytics'; import { headers, linkAnalyticsEvent } from './VPCEmptyStateData'; @@ -33,7 +30,6 @@ export const VPCEmptyState = () => { headers={headers} icon={VPC} linkAnalyticsEvent={linkAnalyticsEvent} - youtubeLinkData={youtubeLinkData} /> ); }; diff --git a/packages/manager/src/features/VPCs/VPCLanding/VPCEmptyStateData.tsx b/packages/manager/src/features/VPCs/VPCLanding/VPCEmptyStateData.tsx index 911f9da165d..fe69391c174 100644 --- a/packages/manager/src/features/VPCs/VPCLanding/VPCEmptyStateData.tsx +++ b/packages/manager/src/features/VPCs/VPCLanding/VPCEmptyStateData.tsx @@ -7,7 +7,7 @@ import type { export const headers: ResourcesHeaders = { description: - 'Enable cloud resources to privately and securely communicate with each other, the internet, and other private networks.', + 'Enable cloud resources to privately communicate with each other, the internet, and other private networks.', subtitle: 'Create a private and isolated network', title: VPC_LABEL, }; diff --git a/packages/manager/src/features/VPCs/VPCLanding/VPCLandingEmptyStateData.tsx b/packages/manager/src/features/VPCs/VPCLanding/VPCLandingEmptyStateData.tsx new file mode 100644 index 00000000000..f89112424bc --- /dev/null +++ b/packages/manager/src/features/VPCs/VPCLanding/VPCLandingEmptyStateData.tsx @@ -0,0 +1,48 @@ +import type { + ResourcesHeaders, + ResourcesLinkSection, + ResourcesLinks, +} from 'src/components/EmptyLandingPageResources/ResourcesLinksTypes'; + +export const headers: ResourcesHeaders = { + description: + 'Host your websites, applications, or any other Cloud-based workloads on a scalable and reliable platform.', + subtitle: 'Cloud-based virtual machines', + title: 'Linodes', +}; + +export const gettingStartedGuides: ResourcesLinkSection = { + links: [ + { + text: 'Overview of Virtual Private Clouds (VPCs)', + to: 'https://www.linode.com/docs/products/networking/vpc/', + }, + { + text: 'Getting Started with VPCs', + to: 'https://www.linode.com/docs/products/networking/vpc/get-started/', + }, + { + text: 'Create a VPC', + to: 'https://www.linode.com/docs/products/networking/vpc/guides/create/', + }, + { + text: 'Manage VPC Subnets', + to: 'https://www.linode.com/docs/products/networking/vpc/guides/subnets/', + }, + { + text: 'Assign (and Remove) Services', + to: + 'https://www.linode.com/docs/products/networking/vpc/guides/assign-services/', + }, + ], + moreInfo: { + text: 'View additional VPC guides', + to: 'https://www.linode.com/docs/products/networking/vpc/guides/', + }, + title: 'Getting Started Guides', +}; + +export const linkAnalyticsEvent: ResourcesLinks['linkAnalyticsEvent'] = { + action: 'Click:link', + category: 'VPCs landing page empty', +};