From 929a32101c617224cb08a4a0489bf1a5b28a73bd Mon Sep 17 00:00:00 2001
From: stadolf <stadolf@gmail.com>
Date: Mon, 20 May 2024 14:50:10 +0200
Subject: [PATCH] network switch adds walletconnect support

Signed-off-by: stadolf <stadolf@gmail.com>
---
 .env             |  1 +
 src/app/page.tsx | 16 +++++++++++++---
 src/utils.ts     |  4 ++--
 3 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 .env

diff --git a/.env b/.env
new file mode 100644
index 0000000..4c1b141
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 53cdfae..5251b18 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,10 +1,12 @@
 "use client"
 import { decrypt, encrypt } from "@/utils";
-import { Button, Code, Heading, Input, Text, Textarea, VStack } from "@chakra-ui/react";
+import { Button, HStack, Heading, Input, Text, Textarea, VStack } from "@chakra-ui/react";
 import { LitNodeClient } from "@lit-protocol/lit-node-client";
 import { useCallback, useEffect, useState } from "react";
+import { Radio, RadioGroup } from '@chakra-ui/react'
 
 export default function Home() {
+    const [litNetwork, setLitNetwork] = useState<"serrano" | "jalapeno">("jalapeno");
   const [client, setClient] = useState<LitNodeClient>();
   const [message, setMessage] = useState("Hello World");
   const [error, setError] = useState("");
@@ -19,14 +21,15 @@ export default function Home() {
   }>();
 
   useEffect(() => {
+    setClient(undefined)
     const _client = new LitNodeClient({
-      litNetwork: "jalapeno",
+      litNetwork,
       debug: true,
     });
     _client.connect().then(() => {
       setClient(_client);
     });
-  }, []);
+  }, [litNetwork]);
 
   const handleEncrypt = useCallback(async () => {
     if (!client) throw new Error("No client");
@@ -58,6 +61,13 @@ export default function Home() {
       </Heading>
 
       <Heading size="md">Encrypt Message</Heading>
+      <RadioGroup onChange={(v) => setLitNetwork(v as typeof litNetwork)} value={litNetwork}>
+      <HStack >
+        <Radio value='jalapeno'>Jalapeno</Radio>
+        <Radio value='serrano'>Serrano</Radio>
+      </HStack>
+    </RadioGroup>
+
       <Input onChange={(e) => setMessage(e.target.value)} value={message} />
       <Button colorScheme="green" onClick={handleEncrypt} isDisabled={!client}>
         Encrypt String
diff --git a/src/utils.ts b/src/utils.ts
index 194d5de..ed5b236 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -47,7 +47,7 @@ const evmContractConditions: AccsEVMParams[] = [{
 const unifiedAccessControlConditions: UnifiedAccessControlConditions = evmContractConditions;
 
 export async function encrypt(client: LitNodeClient, message: string) {
-  const authSig = await checkAndSignAuthMessage({ chain });
+  const authSig = await checkAndSignAuthMessage({ chain, walletConnectProjectId: process.env.NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID});
   const { encryptedString, symmetricKey } = await encryptString(message);
 
   if (!encryptedString) {
@@ -55,7 +55,7 @@ export async function encrypt(client: LitNodeClient, message: string) {
   }
 
   const encryptedSymmetricKey = await client.saveEncryptionKey({
-    //accessControlConditions: evmContractConditions,
+    //accessControlConditions: unifiedAccessControlConditions,
     unifiedAccessControlConditions: unifiedAccessControlConditions,
     chain,
     authSig,