Use external link styles for sandbox links (#4379)

PixelDust22 · web-flow · commit e9271b681e48 · 2021-11-10T20:46:28.000Z
diff --git a/src/components/sandboxLink.tsx b/src/components/sandboxLink.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import ExternalLink from "./externalLink";
 import usePlatform from "./hooks/usePlatform";
 
 const scenarios = [
@@ -81,8 +82,10 @@ export default function SandboxLink({ children, platform, target, ...params }: P
             params.projectSlug = SANDBOX_PLATFORM_MAP[currentPlatform.key];
         }
     }
-
-    return <a href={getSandboxURL(params).toString()} target={target || '_blank'}>{children}</a>;
+    
+    return <ExternalLink href={getSandboxURL(params).toString()} target={target || '_blank'}>
+      {children}
+    </ExternalLink>;
 }
 
 export function SandboxOnly({children}) {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`import React from "react";`
	`2`	`+import ExternalLink from "./externalLink";`
`2`	`3`	`import usePlatform from "./hooks/usePlatform";`
`3`	`4`
`4`	`5`	`const scenarios = [`
`@@ -81,8 +82,10 @@ export default function SandboxLink({ children, platform, target, ...params }: P`
`81`	`82`	`params.projectSlug = SANDBOX_PLATFORM_MAP[currentPlatform.key];`
`82`	`83`	`}`
`83`	`84`	`}`
`84`		`-`
`85`		`- return <a href={getSandboxURL(params).toString()} target={target \|\| '_blank'}>{children}</a>;`
	`85`	`+`
	`86`	`+ return <ExternalLink href={getSandboxURL(params).toString()} target={target \|\| '_blank'}>`
	`87`	`+ {children}`
	`88`	`+ </ExternalLink>;`
`86`	`89`	`}`
`87`	`90`
`88`	`91`	`export function SandboxOnly({children}) {`