Final version

Author: 22388o

src/navigation/ZKPoolEnter.tsx

@@ -21,10 +21,13 @@ const ZKPoolEnter = () => {
         return;
       }
       setLoading(true);
+
       // Generate the ZK proof for the entered amount
       const zkProof = await createZKDepositProof(parsedAmount);
+
       // Broadcast or submit the transaction
       await broadcastZKPoolEntry(zkProof);
+
       // Show success message and navigate
       alert('ZK Pool Entry Successful!');
       navigation.goBack();
@@ -53,7 +56,6 @@ const ZKPoolEnter = () => {
       <Input
         variant="outline"
         size="md"
-        placeholderTextColor="$gray400"
         placeholder="Amount (BTC)"
         value={amount}
         onChangeText={setAmount}
@@ -62,14 +64,16 @@ const ZKPoolEnter = () => {
         w="80%"
         bg="$white"
         borderColor="$gray300"
-      />
+        color="$black"
+      >
+        <Input.Input placeholder="Amount (BTC)" />
+      </Input>
       <Button
         size="md"
         variant="solid"
         bg="$primary500"
         onPress={onEnterPool}
         isDisabled={loading}
-        $loading={loading} // Fixed from $loading to isLoading
       >
         <Text color="$white">
           {loading ? 'Processing...' : 'Enter Pool'}
@@ -78,7 +82,6 @@ const ZKPoolEnter = () => {
     </Box>
   );
 };
-
 const createZKDepositProof = async (amount: number): Promise<string> => {
   // Replace with actual ZK proof generation logic
   return new Promise((resolve) => {

src/navigation/ZKProofExit.tsx

@@ -1,14 +1,15 @@
 import React, { useState } from 'react';
 import { Box, Button, Input, Heading, Text } from '@gluestack-ui/themed';
 import { useNavigation } from '@react-navigation/native';
-// import { createZKDepositProof, broadcastZKPoolEntry } from '../services/zkPoolService';
 
 // Type definition for navigation prop
-type NavigationProp = ReturnType<typeof useNavigation>;
+type NavigationProp = {
+  goBack: () => void;
+};
 
 const ZKPoolExit = () => {
   const [amount, setAmount] = useState('');
-  const [loading, setLoading] = useState(false); 
+  const [loading, setLoading] = useState(false);
   const navigation = useNavigation<NavigationProp>();
 
   const onEnterPool = async () => {
@@ -23,10 +24,10 @@ const ZKPoolExit = () => {
       setLoading(true);
 
       // Generate ZK Proof of deposit
-      // const zkProof = await createZKDepositProof(parsedAmount);
+      const zkProof = await createZKDepositProof(parsedAmount);
 
       // Broadcast the transaction
-      // await broadcastZKPoolEntry(zkProof);
+      await broadcastZKPoolEntry(zkProof);
 
       // Success feedback and navigation
       alert('ZK Pool Exit Successful!');
@@ -93,4 +94,5 @@ const broadcastZKPoolEntry = async (zkProof: string): Promise<void> => {
   // Replace with actual broadcasting logic
   console.log('Broadcasting ZK Pool Entry with proof:', zkProof);
 };
-export default ZKPoolExit;
+
+export default ZKPoolExit;