Whatsapp service updates

packages/bridge-ui/components/QRCode.tsx

@@ -6,7 +6,8 @@ import { colors } from "../styles/theme";
 type QRCodeProps = {
   name: string;
   label: string;
-  id: string;
+  token: string;
+  verified: boolean;
   helperText?: string;
   getValue?: (id: string) => Promise<string>;
   refreshInterval?: number;
@@ -15,7 +16,8 @@ type QRCodeProps = {
 export const QRCode: FC<QRCodeProps> = ({
   name,
   label,
-  id,
+  token,
+  verified,
   helperText,
   getValue,
   refreshInterval,
@@ -24,19 +26,19 @@ export const QRCode: FC<QRCodeProps> = ({
   const { white } = colors;
 
   useEffect(() => {
-    if (getValue && refreshInterval) {
+    if (!verified && getValue && refreshInterval) {
       const interval = setInterval(async () => {
-        const result = await getValue(id);
+        const result = await getValue(token);
         setValue(result);
-      }, refreshInterval);
+      }, refreshInterval * 1000);
       return () => clearInterval(interval);
     }
   }, [getValue, refreshInterval]);
 
-  return (
+  return !verified ? (
     <Box sx={{ backgroundColor: white, m: 2 }}>
       <QRCodeInternal value={value} />
       <Box>{helperText}</Box>
     </Box>
-  );
+  ) : null;
 };