<template>
  <div>
    <b-container fluid>
      <b-row>
        <b-col class="order-xl-1">
          <gdd-transaction-list
            :timestamp="timestamp"
            :transactionCount="transactionCount"
            :transactions="transactions"
            :show-pagination="true"
            @update-transactions="updateTransactions"
          />
        </b-col>
      </b-row>
    </b-container>
  </div>
</template>
<script>
import GddTransactionList from './AccountOverview/GddTransactionList.vue'

export default {
  name: 'UserProfileTransactionList',
  components: {
    GddTransactionList,
  },
  props: {
    transactions: {
      default: () => [],
    },
    transactionCount: { type: Number, default: 0 },
  },
  data() {
    return {
      timestamp: Date.now(),
    }
  },
  methods: {
    updateTransactions(pagination) {
      this.$emit('update-transactions', pagination)
    },
  },
}
</script>
<style></style>
