Hook 'Deployments' tab into sidebar.

Signed-off-by: Nashwan Azhari <nazhari@cloudbasesolutions.com>

src/components/App.tsx

@@ -26,6 +26,8 @@ import MessagePage from "@src/components/smart/MessagePage";
 import ReplicaDetailsPage from "@src/components/smart/ReplicaDetailsPage";
 import MigrationsPage from "@src/components/smart/MigrationsPage";
 import MigrationDetailsPage from "@src/components/smart/MigrationDetailsPage";
+import DeploymentsPage from "@src/components/smart/DeploymentsPage";
+import DeploymentDetailsPage from "@src/components/smart/DeploymentDetailsPage";
 import MetalHubServersPage from "@src/components/smart/MetalHubServersPage";
 import EndpointsPage from "@src/components/smart/EndpointsPage";
 import EndpointDetailsPage from "@src/components/smart/EndpointDetailsPage";
@@ -217,6 +219,9 @@ class App extends React.Component<Record<string, unknown>, State> {
             {renderRoute("/migrations", MigrationsPage, true)}
             {renderRoute("/migrations/:id", MigrationDetailsPage, true)}
             {renderRoute("/migrations/:id/:page", MigrationDetailsPage)}
+            {renderRoute("/deployments", DeploymentsPage, true)}
+            {renderRoute("/deployments/:id", DeploymentDetailsPage, true)}
+            {renderRoute("/deployments/:id/:page", DeploymentDetailsPage)}
             {renderRoute("/endpoints", EndpointsPage, true)}
             {renderRoute("/endpoints/:id", EndpointDetailsPage)}
             {renderRoute("/minion-pools", MinionPoolsPage, true)}

src/components/modules/NavigationModule/Navigation/Navigation.tsx

@@ -414,6 +414,10 @@ class Navigation extends React.Component<Props> {
               bullet = "migration";
               menuImage = replicaImage;
               break;
+            case "deployments":
+              bullet = "deployment";
+              menuImage = replicaImage;
+              break;
             case "endpoints":
               menuImage = endpointImage;
               break;

src/components/ui/Dropdowns/NewItemDropdown/NewItemDropdown.tsx

@@ -186,6 +186,12 @@ class NewItemDropdown extends React.Component<Props, State> {
         description: "Incrementally replicate VMs between two clouds",
         iconName: "replica",
       },
+      {
+        title: "Deployment",
+        href: "/wizard/deployment",
+        description: "Deploy an already synced Replica or Live Migration",
+        iconName: "replica",
+      },
       {
         title: "Endpoint",
         value: "endpoint",

src/constants.ts

@@ -25,6 +25,7 @@ export const navigationMenu: NavigationMenuType[] = [
   { label: "Dashboard", value: "dashboard" },
   { label: "Replicas", value: "replicas" },
   { label: "Migrations", value: "migrations" },
+  { label: "Deployments", value: "deployments" },
   { label: "Cloud Endpoints", value: "endpoints" },
   { label: "Minion Pools", value: "minion-pools" },
   { label: "Bare Metal Servers", value: "bare-metal-servers" },