From cf02c2c26c763644a15a3737a5a4bb9b825f0957 Mon Sep 17 00:00:00 2001
From: Kristof Csillag <kristof@oasisprotocol.org>
Date: Tue, 26 Sep 2023 12:21:07 +0200
Subject: [PATCH] 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                           |  1 +
 src/app/components/RuntimeTransactionLabel/index.tsx |  8 ++++++++
 src/app/components/Transactions/LogEvent.tsx         | 10 ++++++++++
 src/locales/en/translation.json                      |  3 +++
 4 files changed, 22 insertions(+)
 create mode 100644 .changelog/893.internal.md

diff --git a/.changelog/893.internal.md b/.changelog/893.internal.md
new file mode 100644
index 0000000000..12ac84d082
--- /dev/null
+++ b/.changelog/893.internal.md
@@ -0,0 +1 @@
+Add basic handling of new event types
diff --git a/src/app/components/RuntimeTransactionLabel/index.tsx b/src/app/components/RuntimeTransactionLabel/index.tsx
index 44b8b7f465..cb798ea737 100644
--- a/src/app/components/RuntimeTransactionLabel/index.tsx
+++ b/src/app/components/RuntimeTransactionLabel/index.tsx
@@ -25,6 +25,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')
     case 'consensus.Delegate':
@@ -48,6 +52,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 'consensus.Delegate':
diff --git a/src/app/components/Transactions/LogEvent.tsx b/src/app/components/Transactions/LogEvent.tsx
index 7fe0ee87a2..c5f2bf2113 100644
--- a/src/app/components/Transactions/LogEvent.tsx
+++ b/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} />
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index 3136546f60..33097d065b 100644
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -290,6 +290,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": {