empty list groups hide in LastTransactions.vue

This commit is contained in:
ogerly 2022-12-07 10:48:42 +01:00
parent 4767b5f050
commit 52e820a68d

View File

@ -6,17 +6,17 @@
<b-icon icon="three-dots-vertical"></b-icon> <b-icon icon="three-dots-vertical"></b-icon>
</b-col> </b-col>
</b-row> </b-row>
<b-list-group flush horizontal> <b-list-group class="mt-5">
<b-list-group-item v-for="(transaction, index) in transactions" :key="transaction.id"> <div v-for="(transaction, index) in transactions" :key="transaction.id">
<div <b-list-group-item
v-if=" v-if="
index <= 7 && index <= 7 &&
transaction.typeId !== 'DECAY' && transaction.typeId !== 'DECAY' &&
transaction.typeId !== 'LINK_SUMMARY' && transaction.typeId !== 'LINK_SUMMARY' &&
transaction.typeId !== 'CREATION' transaction.typeId !== 'CREATION'
" "
class="d-flex align-items-center"
> >
<div class="d-flex align-items-center">
<b-avatar <b-avatar
:text="transaction.linkedUser.firstName[0] + transaction.linkedUser.lastName[0]" :text="transaction.linkedUser.firstName[0] + transaction.linkedUser.lastName[0]"
:variant="transaction.typeId === 'SEND' ? 'danger' : 'success'" :variant="transaction.typeId === 'SEND' ? 'danger' : 'success'"
@ -28,38 +28,8 @@
<b-badge>{{ transaction.amount | GDD }}</b-badge> <b-badge>{{ transaction.amount | GDD }}</b-badge>
</div> </div>
</b-list-group-item> </b-list-group-item>
</div>
</b-list-group> </b-list-group>
<!-- <div class="mt-3 mb-3" v-for="(transaction, index) in transactions" :key="transaction.id">
<b-row
v-if="
index <= 7 &&
transaction.typeId !== 'DECAY' &&
transaction.typeId !== 'LINK_SUMMARY' &&
transaction.typeId !== 'CREATION'
"
>
<b-col>
<div class="d-flex">
<b-avatar
:text="transaction.linkedUser.firstName[0] + transaction.linkedUser.lastName[0]"
:variant="transaction.typeId === 'SEND' ? 'success' : 'danger'"
class="mr-3"
></b-avatar>
<div class="small">
<div class="font-weight-bold">
{{ transaction.linkedUser.firstName }} {{ transaction.linkedUser.lastName }}
</div>
{{ $d(new Date(transaction.balanceDate), 'short') }}
</div>
</div>
<b-row class="mb-2 text-right">
<b-col class="small">{{ $d(new Date(transaction.balanceDate), 'short') }}</b-col>
<b-col class="small">{{ transaction.amount | GDD }}</b-col>
</b-row>
</b-col>
</b-row>
</div> -->
</div> </div>
</template> </template>
<script> <script>