copy job content change

src/Explorer/ContainerCopy/ContainerCopyMessages.ts

@@ -29,16 +29,12 @@ export default {
     offline: {
       title: "Offline mode",
       description:
-        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
-      learnMoreText: "Learn more",
-      learnMoreHref: "https://learn.microsoft.com/en-us/azure/cosmos-db/container-copy?tabs=offline-copy",
+        "Offline container copy jobs let you copy data from a source container to a destination Cosmos DB container for supported APIs. To ensure data integrity between the source and destination, we recommend stopping updates on the source container before creating the copy job. Learn more about [offline copy jobs](https://learn.microsoft.com/azure/cosmos-db/how-to-container-copy?tabs=offline-copy&pivots=api-nosql).",
     },
     online: {
       title: "Online mode",
       description:
-        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
-      learnMoreText: "Learn more",
-      learnMoreHref: "https://learn.microsoft.com/en-us/azure/cosmos-db/container-copy?tabs=offline-copy",
+        "Online container copy jobs let you copy data from a source container to a destination Cosmos DB NoSQL API container using the [All Versions and Delete](https://learn.microsoft.com/azure/cosmos-db/change-feed-modes?tabs=all-versions-and-deletes#all-versions-and-deletes-change-feed-mode-preview) change feed. This allows updates to continue on the source while data is copied. A brief downtime is required at the end to safely switch over client applications to the destination container. Learn more about [online copy jobs](https://learn.microsoft.com/azure/cosmos-db/container-copy?tabs=online-copy&pivots=api-nosql#getting-started).",
     },
   },
 
@@ -189,8 +185,8 @@ export default {
       Cancelled: "Cancelled",
     },
     dialog: {
-      heading: "Confirm Action",
-      confirmButtonText: "OK",
+      heading: "",
+      confirmButtonText: "Confirm",
       cancelButtonText: "Cancel",
     },
   },

src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/MigrationType.test.tsx

@@ -103,12 +103,14 @@ describe("MigrationType", () => {
       expect(screen.getByTestId("migration-type-description-online")).toBeInTheDocument();
 
       const learnMoreLink = screen.getByRole("link", {
-        name: ContainerCopyMessages.migrationTypeOptions.online.learnMoreText,
+        name: "online copy jobs",
       });
       expect(learnMoreLink).toBeInTheDocument();
-      expect(learnMoreLink).toHaveAttribute("href", ContainerCopyMessages.migrationTypeOptions.online.learnMoreHref);
+      expect(learnMoreLink).toHaveAttribute(
+        "href",
+        "https://learn.microsoft.com/azure/cosmos-db/container-copy?tabs=online-copy&pivots=api-nosql#getting-started",
+      );
       expect(learnMoreLink).toHaveAttribute("target", "_blank");
-      expect(learnMoreLink).toHaveAttribute("rel", "noopener noreferrer");
     });
 
     it("should render offline description and learn more link when offline is selected", () => {
@@ -126,10 +128,13 @@ describe("MigrationType", () => {
       expect(screen.getByTestId("migration-type-description-offline")).toBeInTheDocument();
 
       const learnMoreLink = screen.getByRole("link", {
-        name: ContainerCopyMessages.migrationTypeOptions.offline.learnMoreText,
+        name: "offline copy jobs",
       });
       expect(learnMoreLink).toBeInTheDocument();
-      expect(learnMoreLink).toHaveAttribute("href", ContainerCopyMessages.migrationTypeOptions.offline.learnMoreHref);
+      expect(learnMoreLink).toHaveAttribute(
+        "href",
+        "https://learn.microsoft.com/azure/cosmos-db/how-to-container-copy?tabs=offline-copy&pivots=api-nosql",
+      );
     });
   });
 

src/Explorer/ContainerCopy/CreateCopyJob/Screens/SelectAccount/Components/MigrationType.tsx

@@ -1,6 +1,7 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable react/display-name */
-import { ChoiceGroup, IChoiceGroupOption, Link, Stack, Text } from "@fluentui/react";
+import { ChoiceGroup, IChoiceGroupOption, Stack, Text } from "@fluentui/react";
+import MarkdownRender from "@nteract/markdown";
 import { useCopyJobContext } from "Explorer/ContainerCopy/Context/CopyJobContext";
 import React from "react";
 import ContainerCopyMessages from "../../../../ContainerCopyMessages";
@@ -53,10 +54,7 @@ export const MigrationType: React.FC<MigrationTypeProps> = React.memo(() => {
             className="migrationTypeDescription"
             data-testid={`migration-type-description-${selectedKeyLowercase}`}
           >
-            {selectedKeyContent.description}{" "}
-            <Link href={selectedKeyContent.learnMoreHref} target="_blank" rel="noopener noreferrer">
-              {selectedKeyContent.learnMoreText}
-            </Link>
+            <MarkdownRender source={selectedKeyContent.description} linkTarget="_blank" />
           </Text>
         </Stack.Item>
       )}

src/Explorer/ContainerCopy/MonitorCopyJobs/Components/CopyJobActionMenu.test.tsx

@@ -35,7 +35,7 @@ jest.mock("../../ContainerCopyMessages", () => ({
       },
       dialog: {
         heading: "Confirm Action",
-        confirmButtonText: "OK",
+        confirmButtonText: "Confirm",
         cancelButtonText: "Cancel",
       },
     },
@@ -303,7 +303,7 @@ describe("CopyJobActionMenu", () => {
       expect(mockShowOkCancelModalDialog).toHaveBeenCalledWith(
         "Confirm Action",
         null,
-        "OK",
+        "Confirm",
         expect.any(Function),
         "Cancel",
         null,
@@ -360,7 +360,7 @@ describe("CopyJobActionMenu", () => {
       expect(mockShowOkCancelModalDialog).toHaveBeenCalledWith(
         "Confirm Action",
         null,
-        "OK",
+        "Confirm",
         expect.any(Function),
         "Cancel",
         null,
@@ -404,7 +404,7 @@ describe("CopyJobActionMenu", () => {
       expect(mockShowOkCancelModalDialog).toHaveBeenCalledWith(
         "Confirm Action",
         null,
-        "OK",
+        "Confirm",
         expect.any(Function),
         "Cancel",
         null,
@@ -435,7 +435,7 @@ describe("CopyJobActionMenu", () => {
       expect(mockShowOkCancelModalDialog).toHaveBeenCalledWith(
         "Confirm Action",
         null,
-        "OK",
+        "Confirm",
         expect.any(Function),
         "Cancel",
         null,
@@ -825,7 +825,7 @@ describe("CopyJobActionMenu", () => {
       expect(mockShowOkCancelModalDialog).toHaveBeenCalledWith(
         "Confirm Action", // title
         null, // subText
-        "OK", // okLabel
+        "Confirm", // confirmLabel
         expect.any(Function), // onOk
         "Cancel", // cancelLabel
         null, // onCancel

src/Explorer/ContainerCopy/MonitorCopyJobs/Components/CopyJobActionMenu.tsx

@@ -14,26 +14,19 @@ const dialogBody = {
   [CopyJobActions.cancel]: (jobName: string) => (
     <Stack tokens={{ childrenGap: 10 }}>
       <Stack.Item>
-        You are about to cancel <b>{jobName}</b>:
-      </Stack.Item>
-      <Stack.Item>
-        Cancelling this job will stop it immediately. Any running or pending steps will not be completed.
-      </Stack.Item>
-      <Stack.Item>
-        <b>This action cannot be undone. Do you want to continue?</b>
+        You are about to cancel <b>{jobName}</b> copy job.
       </Stack.Item>
+      <Stack.Item>Cancelling will stop the job immediately.</Stack.Item>
     </Stack>
   ),
   [CopyJobActions.complete]: (jobName: string) => (
     <Stack tokens={{ childrenGap: 10 }}>
       <Stack.Item>
-        You are about to complete <b>{jobName}</b>:
+        You are about to complete <b>{jobName}</b> copy job.
       </Stack.Item>
       <Stack.Item>
-        Completing this job will stop the continuous data synchronization between the source and destination containers.
-      </Stack.Item>
-      <Stack.Item>
-        <b>This action cannot be undone. Do you want to continue?</b>
+        Once completed, continuous data copy will stop after any pending documents are processed. To maintain data
+        integrity, we recommend stopping updates to the source container before completing the job.
       </Stack.Item>
     </Stack>
   ),

src/Main.tsx

@@ -128,6 +128,7 @@ const App = (): JSX.Element => {
             <>
               <ContainerCopyPanel explorer={explorer} />
               <SidePanel />
+              <Dialog />
             </>
           ) : (
             <DivExplorer explorer={explorer} />