@@ -4,6 +4,11 @@ import { Card } from "./Card";
44import { Link } from "./Link" ;
55
66const DocDetails : React . FC = ( ) => {
7+
8+ const openLink = ( url : string ) => {
9+ window . open ( url , "_blank" ) ;
10+ } ;
11+
712 return (
813 < Card className = "px-8 py-6 w-full !rounded-2xl !shadow-modal !border-0 dark:!border-app-gray-800 dark:!shadow-dark" >
914 < div className = "mb-4" >
@@ -13,20 +18,18 @@ const DocDetails: React.FC = () => {
1318 < p className = "text-xs text-app-gray-500 dark:text-app-gray-400" >
1419 Browse our full suite of features for your dApp with our docs. Access code examples for
1520 these features by visiting our{ " " }
16- < Link
17- href = "https://web3auth.io/customers.html"
18- className = "text-xs dark:text-app-primary-500"
19- target = "_blank"
20- rel = "noopener noreferrer"
21- >
22- playground
23- </ Link >
21+
22+ < button className = "leading-none" >
23+ < Link className = "text-xs text-app-primary-600" onClick = { ( ) => {
24+ openLink ( "https://web3auth.io/docs/quick-start?product=MPC_CORE_KIT&sdk=MPC_CORE_KIT_WEB&framework=REACT&stepIndex=0" ) ;
25+ } } > Playground</ Link >
26+ </ button >
2427 .
2528 </ p >
2629 </ div >
2730 < div className = "space-y-2" >
2831 < Button
29- href = "https://web3auth.io/docs"
32+ onClick = { ( ) => { openLink ( "https://web3auth.io/docs/product/mpc-core-kit" ) } }
3033 size = "sm"
3134 className = "gap-2 w-full !border-app-gray-300 !text-app-gray-800 dark:!text-app-white"
3235 variant = "secondary"
@@ -35,7 +38,7 @@ const DocDetails: React.FC = () => {
3538 Read our docs
3639 </ Button >
3740 < Button
38- href = "https://web3auth.io/customers"
41+ onClick = { ( ) => { openLink ( "https://github.com/Web3Auth/web3auth-core-kit-examples" ) } }
3942 size = "sm"
4043 className = "gap-2 w-full !border-app-gray-300 !text-app-gray-800 dark:!text-app-white"
4144 variant = "secondary"
0 commit comments