qrcode-click

Author: dhewzulla

src/widgets.js

@@ -27,9 +27,9 @@ const loadingSVG = (<svg xmlns="http://www.w3.org/2000/svg" width="50" height="5
     </path>
 </svg>);
 
-const developmentMode = false;
 
-export const ConnectQR = ({ mobile, level = 'H', size = null, label = qrCodeLabel, loading = loadingSVG, maxSize = 400, vspace = 130, hspace = 50 }) => {
+
+export const ConnectQR = ({ mobile, level = 'H', size = null, label = qrCodeLabel, loading = loadingSVG, maxSize = 400, vspace = 130, hspace = 50, onClickCode=null }) => {
     const [optimumSize, setOptimumSize] = useState(0);
     useEffect(() => {
         const handleResize = () => {
@@ -62,29 +62,24 @@ export const ConnectQR = ({ mobile, level = 'H', size = null, label = qrCodeLabe
     if ((!mobile.connectionCode) || size === 0) {
         return null;
     }
-    if(developmentMode && window.location.hostname==='localhost' && navigator.clipboard && navigator.clipboard.writeText){
-
+    
         return (
             <div style={styles.qrCode} onClick={() => {
-                navigator.clipboard.writeText(mobile.connectionCode);
+                if(onClickCode){
+                    onClickCode(mobile.connectionCode);
+                }
+                
             }}>
                 <QRCodeSVG value={mobile.connectionCode} level={level} size={size ? size : optimumSize} />
                 {label}
             </div>
         );
 
-    }
-
-    return (
-        <div style={styles.qrCode}>
-            <QRCodeSVG value={mobile.connectionCode} level={level} size={size ? size : optimumSize} />
-            {label}
-        </div>
-    );
+    
 };
 
 
-export const PairingQR = ({ mobile, level = 'H', size = null, label = qrCodeLabel, loading = loadingSVG, maxSize = 400, vspace = 130, hspace = 50 }) => {
+export const PairingQR = ({ mobile, level = 'H', size = null, label = qrCodeLabel, loading = loadingSVG, maxSize = 400, vspace = 130, hspace = 50, onClickCode=null }) => {
     const [optimumSize, setOptimumSize] = useState(0);
     useEffect(() => {
         const handleResize = () => {
@@ -117,10 +112,17 @@ export const PairingQR = ({ mobile, level = 'H', size = null, label = qrCodeLabe
     if ((!mobile.pairingCode) || size === 0) {
         return null;
     }
-    return (
-        <div style={styles.qrCode}>
-            <QRCodeSVG value={mobile.pairingCode} level={level} size={size ? size : optimumSize} />
-            {label}
-        </div>
-    );
+    
+        return (
+            <div style={styles.qrCode} onClick={() => {
+                if(onClickCode){
+                    onClickCode(mobile.pairingCode);
+                }
+            }}>
+                <QRCodeSVG value={mobile.pairingCode} level={level} size={size ? size : optimumSize} />
+                {label}
+            </div>
+        );
+        
+    
 };