Add basic handling for new event types

Mostly just placeholders, in order to avoid syntax errors
with latest API wrapper code.

This is going to be flushed out later.
(Custom icons, proper data fields displayed, etc.)

.changelog/893.internal.md

@@ -0,0 +1 @@
+Add basic handling of new event types

src/app/components/RuntimeTransactionLabel/index.tsx

@@ -23,6 +23,10 @@ const getRuntimeTransactionLabel = (t: TFunction, method: string | undefined) =>
       return t('transactions.method.consensus.deposit')
     case 'consensus.Withdraw':
       return t('transactions.method.consensus.withdraw')
+    case 'consensus.Delegate':
+      return t('transactions.method.consensus.delegate')
+    case 'consensus.Undelegate':
+      return t('transactions.method.consensus.undelegate')
     case 'accounts.Transfer':
       return t('transactions.method.accounts.transfer')
     default:
@@ -42,6 +46,10 @@ const getRuntimeTransactionIcon = (method: string | undefined) => {
       return <ContractCreationIcon sx={iconStyles} />
     case 'consensus.Deposit':
       return <DepositIcon sx={iconStyles} />
+    case 'consensus.Delegate':
+      return <UnknownIcon sx={iconStyles} /> // TODO: use the correct icon
+    case 'consensus.Undelegate':
+      return <UnknownIcon sx={iconStyles} /> // TODO: use the correct icon
     case 'consensus.Withdraw':
       return <WithdrawIcon sx={iconStyles} />
     case 'accounts.Transfer':
@@ -62,6 +70,8 @@ type RuntimeTransactionLabelProps = {
    *   - "accounts.Transfer"
    *   - "consensus.Deposit"
    *   - "consensus.Withdraw"
+   *   - "consensus.Delegate"
+   *   - "consensus.Undelegate"
    *   - "evm.Create"
    *   - "evm.Call"
    */

src/app/components/Transactions/LogEvent.tsx

@@ -26,6 +26,7 @@ import { COLORS } from '../../../styles/theme/colors'
 import StreamIcon from '@mui/icons-material/Stream'
 import LocalFireDepartmentIcon from '@mui/icons-material/LocalFireDepartment'
 import { getPreciseNumberFormat } from '../../../locales/getPreciseNumberFormat'
+import { UnknownIcon } from '../CustomIcons/Unknown'
 
 export const EventTypeIcon: FC<{
   eventType: RuntimeEventType
@@ -37,6 +38,9 @@ export const EventTypeIcon: FC<{
     [RuntimeEventType.coregas_used]: <></>,
     [RuntimeEventType.consensus_accountswithdraw]: <WithdrawIcon fontSize="inherit" />,
     [RuntimeEventType.consensus_accountsdeposit]: <DepositIcon fontSize="inherit" />,
+    [RuntimeEventType.consensus_accountsdelegate]: <UnknownIcon fontSize="inherit" />, // TODO: use correct icon
+    [RuntimeEventType.consensus_accountsundelegate_start]: <UnknownIcon fontSize="inherit" />, // TODO: use correct icon
+    [RuntimeEventType.consensus_accountsundelegate_done]: <UnknownIcon fontSize="inherit" />, // TODO: use correct icon
     [RuntimeEventType.accountsmint]: <StreamIcon fontSize="inherit" htmlColor={COLORS.eucalyptus} />,
     [RuntimeEventType.accountsburn]: (
       <LocalFireDepartmentIcon fontSize="inherit" htmlColor={COLORS.eucalyptus} />
@@ -138,6 +142,9 @@ const LogEvent: FC<{
     [RuntimeEventType.coregas_used]: t('transactionEvent.gasUsed'),
     [RuntimeEventType.consensus_accountswithdraw]: t('transactionEvent.consensusWithdrawal'),
     [RuntimeEventType.consensus_accountsdeposit]: t('transactionEvent.consensusDeposit'),
+    [RuntimeEventType.consensus_accountsdelegate]: t('transactionEvent.consensusDelegate'),
+    [RuntimeEventType.consensus_accountsundelegate_start]: t('transactionEvent.consensusUndelegateStart'),
+    [RuntimeEventType.consensus_accountsundelegate_done]: t('transactionEvent.consensusUndelegateDone'),
     [RuntimeEventType.accountsmint]: t('transactionEvent.accountsmint'),
     [RuntimeEventType.accountsburn]: t('transactionEvent.accountsburn'),
   }
@@ -231,6 +238,9 @@ const LogEvent: FC<{
     case RuntimeEventType.accountstransfer:
     case RuntimeEventType.consensus_accountsdeposit:
     case RuntimeEventType.consensus_accountswithdraw:
+    case RuntimeEventType.consensus_accountsdelegate: // TODO show this properly
+    case RuntimeEventType.consensus_accountsundelegate_start: // TODO show this properly
+    case RuntimeEventType.consensus_accountsundelegate_done: // TODO show this properly
       return (
         <div>
           <EventTypeIcon eventType={event.type} eventName={eventName} />

src/locales/en/translation.json

@@ -256,7 +256,9 @@
       },
       "consensus": {
         "deposit": "Consensus Deposit",
-        "withdraw": "Consensus Withdraw"
+        "withdraw": "Consensus Withdraw",
+        "delegate": "Consensus delegate",
+        "undelegate": "Consensus undelegate"
       },
       "evm": {
         "call": "Contract Call",
@@ -289,6 +291,9 @@
     "accountstransfer": "Transfer",
     "consensusDeposit": "Deposit from consensus",
     "consensusWithdrawal": "Withdrawal to consensus",
+    "consensusDelegate": "Delegate to consensus",
+    "consensusUndelegateStart": "Start to undelegate from consensus",
+    "consensusUndelegateDone": "Undelegate from consensus finished",
     "evmLog": "EVM log message",
     "gasUsed": "Gas used",
     "fields": {