From f0704fd0685fa6ac53bd2289be280c8afe5a7fdc Mon Sep 17 00:00:00 2001
From: BitCanna <info@bitcanna.io>
Date: Thu, 29 Apr 2021 17:23:54 +0300
Subject: [PATCH] fix WithdrawValidatorCommission & proposal tx in
 transactionItem

---
 apis/cosmos-reducers.js                     |  6 ++++--
 assets/images/transactions/Proposal.svg     | 13 +++++++++++++
 components/transactions/TransactionItem.vue |  5 +++--
 3 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 assets/images/transactions/Proposal.svg

diff --git a/apis/cosmos-reducers.js b/apis/cosmos-reducers.js
index 460c05c9..235fece5 100644
--- a/apis/cosmos-reducers.js
+++ b/apis/cosmos-reducers.js
@@ -273,6 +273,8 @@ export function getMessageType(type) {
       return lunieMessageTypes.VOTE
     case 'cosmos.gov.v1beta1.MsgDeposit':
       return lunieMessageTypes.DEPOSIT
+    case 'cosmos.distribution.v1beta1.MsgWithdrawValidatorCommission':
+      return lunieMessageTypes.CLAIM_REWARDS
     default:
       return lunieMessageTypes.UNKNOWN
   }
@@ -369,8 +371,8 @@ export function claimRewardsAmountReducer(transaction) {
 export function submitProposalDetailsReducer(message) {
   return {
     proposalType: message.content.type,
-    proposalTitle: message.content.value.title,
-    proposalDescription: message.content.value.description,
+    proposalTitle: message.content.title,
+    proposalDescription: message.content.description,
     initialDeposit: coinReducer(message.initial_deposit[0]),
   }
 }
diff --git a/assets/images/transactions/Proposal.svg b/assets/images/transactions/Proposal.svg
new file mode 100644
index 00000000..4b3f578b
--- /dev/null
+++ b/assets/images/transactions/Proposal.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
+    <title>Vote</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Vote" fill-rule="nonzero">
+            <circle id="Oval" fill-opacity="0.2" fill="#C8C8C8" cx="32" cy="32" r="32"></circle>
+            <path d="M35,38 C34.4477153,38 34,38.4477153 34,39 L34,44 C34,45.1045695 33.1045695,46 32,46 L20,46 C18.8954305,46 18,45.1045695 18,44 L18,32 C18,30.8954305 18.8954305,30 20,30 L25,30 C25.5522847,30 26,29.5522847 26,29 C26,28.4477153 25.5522847,28 25,28 L20,28 C17.790861,28 16,29.790861 16,32 L16,44 C16,46.209139 17.790861,48 20,48 L32,48 C34.209139,48 36,46.209139 36,44 L36,39 C36,38.4477153 35.5522847,38 35,38 Z" id="Path" fill="#324176"></path>
+            <path d="M40.14,16 L35.86,16 C31.5258733,16.0164485 28.0164485,19.5258733 28,23.86 L28,28.14 C28.0164485,32.4741267 31.5258733,35.9835515 35.86,36 L40.14,36 C44.4741267,35.9835515 47.9835515,32.4741267 48,28.14 L48,23.86 C47.9835515,19.5258733 44.4741267,16.0164485 40.14,16 Z M43.52,23.18 L37.1,29.65 C36.9129286,29.8408556 36.6572459,29.9488906 36.39,29.95 C36.1227541,29.9488906 35.8670714,29.8408556 35.68,29.65 L32.11,26.06 C31.9144481,25.8715168 31.8039741,25.6115998 31.8039741,25.34 C31.8039741,25.0684002 31.9144481,24.8084832 32.11,24.62 C32.2981405,24.4275873 32.5558913,24.3191245 32.825,24.3191245 C33.0941087,24.3191245 33.3518595,24.4275873 33.54,24.62 L36.39,27.49 L42.1,21.75 C42.2877666,21.5606873 42.5433625,21.4542017 42.81,21.4542017 C43.0766375,21.4542017 43.3322334,21.5606873 43.52,21.75 C43.7124127,21.9381405 43.8208755,22.1958913 43.8208755,22.465 C43.8208755,22.7341087 43.7124127,22.9918595 43.52,23.18 L43.52,23.18 Z" id="Shape" fill="#62D08E"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/components/transactions/TransactionItem.vue b/components/transactions/TransactionItem.vue
index 5a5e1e32..5358bfa1 100644
--- a/components/transactions/TransactionItem.vue
+++ b/components/transactions/TransactionItem.vue
@@ -107,11 +107,12 @@ export default {
           return `Deposit`
         case lunieMessageTypes.VOTE:
           return `Vote`
+        case lunieMessageTypes.SUBMIT_PROPOSAL:
+          return `Proposal`
         case lunieMessageTypes.CLAIM_REWARDS:
           return `Claim Rewards`
         case lunieMessageTypes.UNKNOWN:
-          return this.transaction.rawMessage.type.split('/Msg')[1]
-        /* istanbul ignore next */
+          return this.transaction.rawMessage.message['@type'].split('/')[1]
         default:
           return ``
       }