Update Replicas details page for Replica scenarios.

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

src/components/modules/TransferModule/ReplicaDetailsContent/ReplicaDetailsContent.tsx

@@ -160,7 +160,7 @@ class ReplicaDetailsContent extends React.Component<Props, State> {
             disabled={this.isEndpointMissing()}
             onClick={this.props.onCreateDeploymentClick}
           >
-            Create Migration
+            Deploy Replica
           </Button>
         </ButtonColumn>
         <ButtonColumn>

src/components/smart/ReplicaDetailsPage/ReplicaDetailsPage.tsx

@@ -42,6 +42,7 @@ import configLoader from "@src/utils/Config";
 import ObjectUtils from "@src/utils/ObjectUtils";
 
 import replicaImage from "./images/replica.svg";
+import liveMigrationImage from "./images/live_migration.svg";
 
 import type { InstanceScript } from "@src/@types/Instance";
 import type { Execution } from "@src/@types/Execution";
@@ -205,6 +206,24 @@ class ReplicaDetailsPage extends React.Component<Props, State> {
     return this.getLastExecution()?.status;
   }
 
+  getReplicaItemType() {
+    let item_type = "replica";
+    let scenario = this.replica?.scenario;
+    if (scenario && scenario === "live_migration") {
+      item_type = "migration";
+    }
+    return item_type;
+  }
+
+  getReplicaImageType() {
+    let image = replicaImage;
+    let scenario = this.replica?.scenario;
+    if (scenario && scenario === "live_migration") {
+      image = liveMigrationImage;
+    }
+    return image;
+  }
+
   async loadIsEditable(replicaDetails: ReplicaItemDetails) {
     const targetEndpointId = replicaDetails.destination_endpoint_id;
     const sourceEndpointId = replicaDetails.origin_endpoint_id;
@@ -704,11 +723,11 @@ class ReplicaDetailsPage extends React.Component<Props, State> {
             <DetailsContentHeader
               statusPill={replica?.last_execution_status}
               itemTitle={getTransferItemTitle(this.replica)}
-              itemType="replica"
+              itemType={this.getReplicaItemType()}
               itemDescription={replica?.description}
               dropdownActions={dropdownActions}
               backLink="/replicas"
-              typeImage={replicaImage}
+              typeImage={this.getReplicaImageType()}
               alertInfoPill
             />
           }