fix(explorer): handle type for order class data (#6295)

Author: limitofzero

apps/explorer/src/utils/getUiOrderType.ts

@@ -1,5 +1,4 @@
-import { cowAppDataLatestScheme } from '@cowprotocol/cow-sdk'
-import { OrderClass } from '@cowprotocol/cow-sdk'
+import { cowAppDataLatestScheme, OrderClass } from '@cowprotocol/cow-sdk'
 
 import { Order } from 'api/operator'
 import { decodeFullAppData } from 'utils/decodeFullAppData'
@@ -30,8 +29,13 @@ const API_ORDER_CLASS_TO_UI_ORDER_TYPE_MAP: Record<OrderClass, UiOrderType> = {
 export function getUiOrderType({ fullAppData, class: orderClass }: Order): UiOrderType {
   const appData = decodeFullAppData(fullAppData)
 
-  const appDataOrderClass = appData?.metadata?.orderClass as cowAppDataLatestScheme.OrderClass | undefined
-  const typeFromAppData = UiOrderType[appDataOrderClass?.orderClass.toUpperCase() || '']
+  const appDataOrderClass = appData?.metadata?.orderClass as cowAppDataLatestScheme.OrderClass | undefined | string
+  const orderClassAsString =
+    typeof appDataOrderClass === 'string'
+      ? appDataOrderClass.toUpperCase()
+      : appDataOrderClass?.orderClass.toUpperCase() || ''
+
+  const typeFromAppData = UiOrderType[orderClassAsString]
 
   // 1. AppData info has priority as it's what's more precise
   if (typeFromAppData) {

package.json

@@ -15,7 +15,7 @@
     "start:omnibridge-hook": "nx run hook-dapp-omnibridge:serve",
     "start:cosmos": "nx run cowswap-frontend:cosmos:run",
     "start:cosmos:explorer": "nx run explorer:cosmos:run",
-    "start:explorer": "nx run explorer:serve",
+    "start:explorer": "cross-env NODE_ENV=development nx run explorer:serve",
     "start:cowfi": "cross-env PORT=3001 nx run cow-fi:dev",
     "start:sdk-tools": "nx run sdk-tools:serve",
     "build": "yarn run build:cowswap",