fix: global state is undefined when returned from algod (#65)

Author: neilcampbell

src/features/applications/components/application-global-state-table.tsx

@@ -8,7 +8,7 @@ type Props = {
 }
 
 export function ApplicationGlobalStateTable({ application }: Props) {
-  const entries = useMemo(() => Array.from(application.globalState.entries()), [application])
+  const entries = useMemo(() => Array.from(application.globalState?.entries() ?? []), [application])
   return <DataTable columns={tableColumns} data={entries} />
 }
 

src/features/applications/data/types.ts

@@ -6,4 +6,8 @@ export type ApplicationMetadataResult = {
   name: string
 } | null
 
-export type ApplicationResult = Omit<IndexerApplicationResult, 'created-at-round' | 'deleted-at-round'>
+export type ApplicationResult = Omit<IndexerApplicationResult, 'created-at-round' | 'deleted-at-round' | 'params'> & {
+  params: Omit<IndexerApplicationResult['params'], 'global-state'> & {
+    'global-state'?: IndexerApplicationResult['params']['global-state']
+  }
+}

src/features/applications/mappers/index.ts

@@ -31,18 +31,23 @@ export const asApplication = (application: ApplicationResult, metadata: Applicat
       : undefined,
     approvalProgram: application.params['approval-program'],
     clearStateProgram: application.params['clear-state-program'],
-    globalState: asGlobalStateValue(application),
+    globalState: asGlobalStateValue(application.params['global-state']),
     json: asJson(application),
   }
 }
 
-export const asGlobalStateValue = (application: ApplicationResult): Map<string, ApplicationGlobalStateValue> => {
-  const arr = application.params['global-state']
-    .map(({ key, value }) => {
-      return [getKey(key), getGlobalStateValue(value)] as const
-    })
-    .sort((a, b) => a[0].localeCompare(b[0]))
-  return new Map(arr)
+export const asGlobalStateValue = (globalState: ApplicationResult['params']['global-state']): Application['globalState'] => {
+  if (!globalState) {
+    return
+  }
+
+  return new Map(
+    globalState
+      .map(({ key, value }) => {
+        return [getKey(key), getGlobalStateValue(value)] as const
+      })
+      .sort((a, b) => a[0].localeCompare(b[0]))
+  )
 }
 
 const getKey = (key: string): string => {

src/features/applications/models/index.ts

@@ -13,7 +13,7 @@ export type Application = {
   localStateSchema?: ApplicationStateSchema
   approvalProgram: string
   clearStateProgram: string
-  globalState: Map<string, ApplicationGlobalStateValue>
+  globalState?: Map<string, ApplicationGlobalStateValue>
   json: string
 }