Merge pull request #358 from cosmos/peng/357-fix-double-self-tx

Peng/357 fix double self tx

app/src/renderer/components/wallet/LiTransaction.vue

@@ -1,6 +1,5 @@
 <template lang='pug'>
-.ni-li-tx.ni-li-tx-sent(v-if="sent" @click="() => devMode && viewTransaction()")
-  .tx-icon: i.material-icons remove_circle
+mixin tx-container-sent
   .tx-container
     .tx-element.tx-coins
       .tx-coin(v-for='coin in coinsSent')
@@ -9,6 +8,14 @@
     .tx-element.tx-date(v-if="devMode") {{ date }}
     .tx-element.tx-address {{ receiver }}
 
+.ni-li-tx(v-if="sentSelf" @click="() => devMode && viewTransaction()")
+  .tx-icon: i.material-icons swap_horiz
+  +tx-container-sent
+
+.ni-li-tx.ni-li-tx-sent(v-else-if="sent" @click="() => devMode && viewTransaction()")
+  .tx-icon: i.material-icons remove_circle
+  +tx-container-sent
+
 .ni-li-tx.ni-li-tx-received(v-else @click="() => devMode && viewTransaction()")
   .tx-icon: i.material-icons add_circle
   .tx-container
@@ -27,6 +34,9 @@ export default {
   name: 'ni-li-tx',
   computed: {
     // TODO: sum relevant inputs/outputs
+    sentSelf () {
+      return this.transactionValue.tx.inputs[0].sender === this.transactionValue.tx.outputs[0].receiver
+    },
     sent () {
       return this.transactionValue.tx.inputs[0].sender === this.address
     },

app/src/renderer/components/wallet/PageTransactions.vue

@@ -21,7 +21,7 @@ page(title='Transactions')
 <script>
 import shortid from 'shortid'
 import { mapGetters } from 'vuex'
-import { includes, orderBy } from 'lodash'
+import { includes, orderBy, uniqBy } from 'lodash'
 import Mousetrap from 'mousetrap'
 import DataEmptySearch from 'common/NiDataEmptySearch'
 import DataEmptyTx from 'common/NiDataEmptyTx'
@@ -44,7 +44,8 @@ export default {
   computed: {
     ...mapGetters(['filters', 'transactions', 'wallet', 'config']),
     orderedTransactions () {
-      return orderBy(this.transactions, [this.sort.property], [this.sort.order])
+      let list = orderBy(this.transactions, [this.sort.property], [this.sort.order])
+      return uniqBy(list, 'time') // filter out duplicate tx to self
     },
     filteredTransactions () {
       let query = this.filters.transactions.search.query