upcoming: [M3-7901] - Update navigation items for Placement Groups (l…

…inode#10340) * upcoming: [M3-7901] - Update navigation items for Placement Groups * Add hide property to placement group in AddNewMenu component * Add changeset * Update PG description in AddNewMenu
cpathipa · Apr 4, 2024 · 6479b00 · 6479b00
1 parent c76351e
commit 6479b00
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 8 deletions.
diff --git a/packages/manager/.changeset/pr-10340-upcoming-features-1712145875071.md b/packages/manager/.changeset/pr-10340-upcoming-features-1712145875071.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Upcoming Features
+---
+
+Update navigation and add new menu items for Placement Groups  ([#10340](https://github.com/linode/manager/pull/10340))
diff --git a/packages/manager/src/components/PrimaryNav/PrimaryNav.tsx b/packages/manager/src/components/PrimaryNav/PrimaryNav.tsx
@@ -200,14 +200,6 @@ export const PrimaryNav = (props: PrimaryNavProps) => {
           href: '/linodes',
           icon: <Linode />,
         },
-        {
-          betaChipClassName: 'beta-chip-placement-groups',
-          display: 'Placement Groups',
-          hide: !flags.placementGroups?.enabled,
-          href: '/placement-groups',
-          icon: <PlacementGroups />,
-          isBeta: flags.placementGroups?.beta,
-        },
         {
           display: 'Volumes',
           href: '/volumes',
@@ -250,6 +242,14 @@ export const PrimaryNav = (props: PrimaryNavProps) => {
           href: '/images',
           icon: <Image />,
         },
+        {
+          betaChipClassName: 'beta-chip-placement-groups',
+          display: 'Placement Groups',
+          hide: !flags.placementGroups?.enabled,
+          href: '/placement-groups',
+          icon: <PlacementGroups />,
+          isBeta: flags.placementGroups?.beta,
+        },
       ],
       [
         {

diff --git a/packages/manager/src/features/TopMenu/AddNewMenu/AddNewMenu.tsx b/packages/manager/src/features/TopMenu/AddNewMenu/AddNewMenu.tsx
@@ -21,6 +21,7 @@ import LinodeIcon from 'src/assets/icons/entityIcons/linode.svg';
 import LoadBalancerIcon from 'src/assets/icons/entityIcons/loadbalancer.svg';
 import NodebalancerIcon from 'src/assets/icons/entityIcons/nodebalancer.svg';
 import OneClickIcon from 'src/assets/icons/entityIcons/oneclick.svg';
+import PlacementGroupsIcon from 'src/assets/icons/entityIcons/placement-groups.svg';
 import VolumeIcon from 'src/assets/icons/entityIcons/volume.svg';
 import VPCIcon from 'src/assets/icons/entityIcons/vpc.svg';
 import { Button } from 'src/components/Button/Button';
@@ -110,6 +111,13 @@ export const AddNewMenu = () => {
       icon: FirewallIcon,
       link: '/firewalls/create',
     },
+    {
+      description: "Control your Linodes' physical placement",
+      entity: 'Placement Groups',
+      hide: !flags.placementGroups?.enabled,
+      icon: PlacementGroupsIcon,
+      link: '/placement-groups/create',
+    },
     {
       description: 'Manage your DNS records',
       entity: 'Domain',