From dfdb44bdc9e37b6fda3169e4012b3ffd93e165e4 Mon Sep 17 00:00:00 2001
From: sunghyunkang1111 <114709653+sunghyunkang1111@users.noreply.github.com>
Date: Wed, 27 Sep 2023 19:59:33 -0500
Subject: [PATCH] fix preview links (#1629)

* fix preview links

* fix preview links
---
 src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx     | 12 +++++++++---
 .../Modal/__snapshots__/WelcomeModal.test.tsx.snap   |  3 +++
 .../QueryCopilot/V2/Modal/WelcomeSidebarModal.tsx    | 12 +++++++++---
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx b/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx
index a2ce683ce..f7248f410 100644
--- a/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx
+++ b/src/Explorer/QueryCopilot/Modal/WelcomeModal.tsx
@@ -60,7 +60,9 @@ export const WelcomeModal = ({ visible }: { visible: boolean }): JSX.Element =>
               <Text>
                 Ask Copilot to generate a query by describing the query in your words.
                 <br />
-                <Link href="https://aka.ms/cdb-copilot-learn-more">Learn more</Link>
+                <Link target="_blank" href="https://aka.ms/cdb-copilot-learn-more">
+                  Learn more
+                </Link>
               </Text>
             </Stack.Item>
             <Stack.Item align="center" className="text">
@@ -78,7 +80,9 @@ export const WelcomeModal = ({ visible }: { visible: boolean }): JSX.Element =>
               <Text>
                 AI-generated content can have mistakes. Make sure it’s accurate and appropriate before using it.
                 <br />
-                <Link href="https://aka.ms/cdb-copilot-preview-terms">Read preview terms</Link>
+                <Link target="_blank" href="https://aka.ms/cdb-copilot-preview-terms">
+                  Read preview terms
+                </Link>
               </Text>
             </Stack.Item>
             <Stack.Item align="center" className="text">
@@ -97,7 +101,9 @@ export const WelcomeModal = ({ visible }: { visible: boolean }): JSX.Element =>
                 While in Private Preview, Query Copilot is setup to work on sample database we have configured for you
                 at no cost.
                 <br />
-                <Link href="https://aka.ms/cdb-copilot-learn-more">Learn more</Link>
+                <Link target="_blank" href="https://aka.ms/cdb-copilot-learn-more">
+                  Learn more
+                </Link>
               </Text>
             </Stack.Item>
           </Stack>
diff --git a/src/Explorer/QueryCopilot/Modal/__snapshots__/WelcomeModal.test.tsx.snap b/src/Explorer/QueryCopilot/Modal/__snapshots__/WelcomeModal.test.tsx.snap
index f8227d4f9..a37e333c7 100644
--- a/src/Explorer/QueryCopilot/Modal/__snapshots__/WelcomeModal.test.tsx.snap
+++ b/src/Explorer/QueryCopilot/Modal/__snapshots__/WelcomeModal.test.tsx.snap
@@ -103,6 +103,7 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
             <br />
             <StyledLinkBase
               href="https://aka.ms/cdb-copilot-learn-more"
+              target="_blank"
             >
               Learn more
             </StyledLinkBase>
@@ -139,6 +140,7 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
             <br />
             <StyledLinkBase
               href="https://aka.ms/cdb-copilot-preview-terms"
+              target="_blank"
             >
               Read preview terms
             </StyledLinkBase>
@@ -175,6 +177,7 @@ exports[`Query Copilot Welcome Modal snapshot test should render when isOpen is
             <br />
             <StyledLinkBase
               href="https://aka.ms/cdb-copilot-learn-more"
+              target="_blank"
             >
               Learn more
             </StyledLinkBase>
diff --git a/src/Explorer/QueryCopilot/V2/Modal/WelcomeSidebarModal.tsx b/src/Explorer/QueryCopilot/V2/Modal/WelcomeSidebarModal.tsx
index 4fdf6b8f6..3ff5a18b2 100644
--- a/src/Explorer/QueryCopilot/V2/Modal/WelcomeSidebarModal.tsx
+++ b/src/Explorer/QueryCopilot/V2/Modal/WelcomeSidebarModal.tsx
@@ -65,7 +65,9 @@ export const WelcomeSidebarModal: React.FC = (): JSX.Element => {
                   <Text>
                     Ask Copilot to generate a query by describing the query in your words.
                     <br />
-                    <Link href="https://aka.ms/cdb-copilot-learn-more">Learn more</Link>
+                    <Link target="_blank" href="https://aka.ms/cdb-copilot-learn-more">
+                      Learn more
+                    </Link>
                   </Text>
                 </Stack.Item>
               </Stack>
@@ -87,7 +89,9 @@ export const WelcomeSidebarModal: React.FC = (): JSX.Element => {
                   <Text>
                     AI-generated content can have mistakes. Make sure it’s accurate and appropriate before using it.
                     <br />
-                    <Link href="https://aka.ms/cdb-copilot-preview-terms">Read preview terms</Link>
+                    <Link target="_blank" href="https://aka.ms/cdb-copilot-preview-terms">
+                      Read preview terms
+                    </Link>
                   </Text>
                 </Stack.Item>
               </Stack>
@@ -109,7 +113,9 @@ export const WelcomeSidebarModal: React.FC = (): JSX.Element => {
                   <Text>
                     Copilot is setup on a sample database we have configured for you at no cost
                     <br />
-                    <Link href="https://aka.ms/cdb-copilot-learn-more">Learn more</Link>
+                    <Link target="_blank" href="https://aka.ms/cdb-copilot-learn-more">
+                      Learn more
+                    </Link>
                   </Text>
                 </Stack.Item>
               </Stack>