@@ -2,18 +2,19 @@ import { useState } from 'react';
22import Skeleton from '../Skeleton' ;
33
44import { ReactComponent as ChevronArrow } from "./assets/right-chevron.svg" ;
5+ import { PROXY_PAC , PROXY_PORT , PROXY_SERVER } from '../../utils/constants' ;
56
67type CopyProxyInfoProps = {
78
89}
910
10- export default function CopyProxyInfo ( { } : CopyProxyInfoProps ) {
11+ export default function CopyProxyInfo ( { } : CopyProxyInfoProps ) {
1112 const [ isOpen , setIsOpen ] = useState < boolean > ( false ) ;
1213 const [ isProxyServerCopied , setIsProxyServerCopied ] = useState < boolean > ( false ) ;
1314 const [ isProxyPortCopied , setIsProxyPortCopied ] = useState < boolean > ( false ) ;
1415 const [ isPACCopied , setIsPACCopied ] = useState < boolean > ( false ) ;
1516
16- const handleCopy = ( text :string , setMethod : ( val : boolean ) => any ) => {
17+ const handleCopy = ( text : string , setMethod : ( val : boolean ) => any ) => {
1718 navigator . clipboard . writeText ( text ) ;
1819
1920 setMethod ( true ) ;
@@ -34,8 +35,8 @@ export default function CopyProxyInfo({}: CopyProxyInfoProps) {
3435 < p > Proxy server:</ p >
3536 {
3637 true ? (
37- < button onClick = { ( ) => handleCopy ( "127.0.0.1" , setIsProxyServerCopied ) } >
38- < p > 127.0.0.1 </ p >
38+ < button onClick = { ( ) => handleCopy ( PROXY_SERVER , setIsProxyServerCopied ) } >
39+ < p > { PROXY_SERVER } </ p >
3940 {
4041 isProxyServerCopied ? (
4142 < img src = "/assets/check.svg" alt = "Copy icon" />
@@ -54,8 +55,8 @@ export default function CopyProxyInfo({}: CopyProxyInfoProps) {
5455 < p > Proxy port:</ p >
5556 {
5657 true ? (
57- < button onClick = { ( ) => handleCopy ( "8888" , setIsProxyPortCopied ) } >
58- < p > 8888 </ p >
58+ < button onClick = { ( ) => handleCopy ( PROXY_PORT , setIsProxyPortCopied ) } >
59+ < p > { PROXY_PORT } </ p >
5960 {
6061 isProxyPortCopied ? (
6162 < img src = "/assets/check.svg" alt = "Copy icon" />
@@ -72,23 +73,23 @@ export default function CopyProxyInfo({}: CopyProxyInfoProps) {
7273
7374 < div className = "wallet-info" >
7475 < p > PAC:</ p >
75- {
76- true ? (
77- < button onClick = { ( ) => handleCopy ( "http://127.0.0.1:8888/pac" , setIsPACCopied ) } >
78- < p > http://127.0.0.1:8888/pac </ p >
79- {
80- isPACCopied ? (
81- < img src = "/assets/check.svg" alt = "Copy icon" />
82- ) : (
83- < img src = "/assets/copy-purple.svg" alt = "Copy icon" />
84- )
85- }
86- </ button >
87- ) : (
88- < Skeleton width = "100px" height = "24px" />
89- )
90- }
91- </ div >
76+ {
77+ true ? (
78+ < button onClick = { ( ) => handleCopy ( PROXY_PAC , setIsPACCopied ) } >
79+ < p > { PROXY_PAC } </ p >
80+ {
81+ isPACCopied ? (
82+ < img src = "/assets/check.svg" alt = "Copy icon" />
83+ ) : (
84+ < img src = "/assets/copy-purple.svg" alt = "Copy icon" />
85+ )
86+ }
87+ </ button >
88+ ) : (
89+ < Skeleton width = "100px" height = "24px" />
90+ )
91+ }
92+ </ div >
9293 </ div >
9394 )
9495}
0 commit comments