add basic error handling on subgraph queries

src/App.vue

@@ -15,7 +15,7 @@ const targetNetwork = ref(DEFAULT_NETWORK);
 const web3Onboard = init({
   wallets: [injected],
   chains: Object.values(Networks).map((network) => ({
-    id: network.id,
+    id: `0x${network.id.toString(16)}`,
     token: network.nativeCurrency.symbol,
     label: network.name,
     rpcUrl: network.rpcUrls.default.http[0],

src/blockchain/events.ts

@@ -94,6 +94,10 @@ const getValidDeposits = async (
 
   // remove doubles from sellers list
   const depositData = await depositLogs.json();
+  if (!depositData.data) {
+    console.error("Error fetching deposit logs");
+    return [];
+  }
   const depositAddeds = depositData.data.depositAddeds;
   const uniqueSellers = depositAddeds.reduce(
     (acc: Record<Address, boolean>, deposit: any) => {

src/views/SellerView.vue

@@ -69,7 +69,7 @@ const sendNetwork = async () => {
     />
     <div v-if="flowStep == Step.Network">
       <SendNetwork
-        :sellerId="user.sellerId.value"
+        :sellerId="String(user.sellerId.value)"
         :offer="Number(user.seller.value.offer)"
         :selected-token="user.selectedToken.value"
         v-if="!loading"