From aae12131d470e2c268c6db7e3051a0398f34f393 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 12:15:48 -0700
Subject: [PATCH] fix: fixing type errors

---
 .../msig/[proposer]/[proposal]/+page.svelte   | 10 +++--
 .../[network]/(explorer)/network/+page.svelte |  4 +-
 .../transaction/[id]/[[seq]]/+page.svelte     | 44 +++++++++++++++----
 .../[id]/[[seq]]/data/+page.svelte            |  3 +-
 4 files changed, 45 insertions(+), 16 deletions(-)

diff --git a/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte b/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
index 84627052a..f4706bc9f 100644
--- a/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
+++ b/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import * as m from '$lib/paraglide/messages.js';
 
 	export let data: PageData;
 </script>
 
-<h1>{data.proposer}/{data.name}</h1>
+<!-- 
+  This section is commented out because the corresponding load method in +page.ts is also commented out.
+  Once the load method is implemented and returning the expected data, we can uncomment and use this part.
+-->
+
+<!-- <h1>{data.proposer}/{data.name}</h1>
 
 <pre>
 {JSON.stringify(data.proposal, null, 2)}
-</pre>
+</pre> -->
diff --git a/src/routes/[network]/(explorer)/network/+page.svelte b/src/routes/[network]/(explorer)/network/+page.svelte
index 139679edc..f2ee704ef 100644
--- a/src/routes/[network]/(explorer)/network/+page.svelte
+++ b/src/routes/[network]/(explorer)/network/+page.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
-	import Code from '$lib/components/code.svelte';
 	import { onMount } from 'svelte';
 	import * as Table from '$lib/components/table';
 	import { Card, Stack } from '$lib/components/layout';
@@ -43,7 +41,7 @@
 					{#each Object.keys(state) as index}
 						<Table.Row>
 							<Table.Cell>{index}</Table.Cell>
-							<Table.Cell>{state[index]}</Table.Cell>
+							<Table.Cell>{state[index as keyof typeof state]}</Table.Cell>
 						</Table.Row>
 					{/each}
 				</Table.Body>
diff --git a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte
index ec3809e9d..b4d9c0f38 100644
--- a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import * as m from '$lib/paraglide/messages.js';
 	import Code from '$lib/components/code.svelte';
 
 	import SendSummary from '$lib/components/summary/eosio.token/transfer.svelte';
@@ -21,18 +20,47 @@
 			sellrex: SellREXSummary,
 			mvfrsavings: MvfrsavingsSummary
 		}
-	};
+	} as const;
 
 	export let data: PageData;
+
+	import type { SvelteComponent } from 'svelte';
+
+	// Define the Action interface
+	interface Action {
+		account: string;
+		name: string;
+		data: any; // Adjust as necessary
+		// Other properties if needed
+	}
+
+	// Type guard for account
+	function isValidAccount(account: string): account is keyof typeof summaryMap {
+		return account in summaryMap;
+	}
+
+	// Type guard for action name
+	function isValidActionName(
+		account: keyof typeof summaryMap,
+		name: string
+	): name is keyof (typeof summaryMap)[typeof account] {
+		return name in summaryMap[account];
+	}
 </script>
 
 {#if data.transaction && data.transaction.trx}
-	{#each data.transaction.trx.trx.actions as action}
-		{@const summaryComponent = summaryMap[action.account][action.name]}
-		{#if summaryComponent}
-			<svelte:component this={summaryComponent} {action} />
+	{@const actions = data.transaction.trx.trx.actions as Action[]}
+	{#each actions as action}
+		{#if isValidAccount(action.account)}
+			{@const accountMap = summaryMap[action.account]}
+			{#if isValidActionName(action.account, action.name)}
+				{@const summaryComponent = accountMap[action.name]}
+				<svelte:component this={summaryComponent as typeof SvelteComponent} {action} />
+			{:else}
+				<p>Unknown action: {action.account}::{action.name}</p>
+			{/if}
 		{:else}
-			<p>Unknown action: {action.account}::{action.name}</p>
+			<p>Unknown account: {action.account}</p>
 		{/if}
 		<Code>{JSON.stringify(action, null, 2)}</Code>
 	{/each}
@@ -40,7 +68,7 @@
 
 {#if data.seq}
 	{@const trace = data.transaction.traces.find(
-		(t) => String(t.receipt.global_sequence) === data.seq
+		(t: { receipt: { global_sequence: number } }) => String(t.receipt.global_sequence) === data.seq
 	)}
 	<Code>{JSON.stringify(trace, null, 2)}</Code>
 {:else}
diff --git a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/data/+page.svelte b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/data/+page.svelte
index b29169907..3c84ecf2b 100644
--- a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/data/+page.svelte
+++ b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/data/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-	import type { PageData } from '../../data/$types';
-	import * as m from '$lib/paraglide/messages.js';
+	import type { PageData } from './$types';
 
 	export let data: PageData;
 </script>