added bank logis
This commit is contained in:
@@ -24,6 +24,7 @@ import {
|
||||
getBankDisplayName,
|
||||
getBankLogoUrl,
|
||||
getBankMonogram,
|
||||
resolveBankKey,
|
||||
} from '@/utils/bankBranding'
|
||||
|
||||
const props = withDefaults(
|
||||
@@ -34,10 +35,11 @@ const props = withDefaults(
|
||||
{ compact: false },
|
||||
)
|
||||
|
||||
const accentColor = computed(() => getBankAccentColor(props.card.bank_name))
|
||||
const displayName = computed(() => getBankDisplayName(props.card.bank_name))
|
||||
const logoUrl = computed(() => getBankLogoUrl(props.card.bank_name))
|
||||
const monogram = computed(() => getBankMonogram(props.card.bank_name))
|
||||
const bankKey = computed(() => resolveBankKey(props.card))
|
||||
const accentColor = computed(() => getBankAccentColor(bankKey.value))
|
||||
const displayName = computed(() => getBankDisplayName(bankKey.value))
|
||||
const logoUrl = computed(() => getBankLogoUrl(bankKey.value))
|
||||
const monogram = computed(() => getBankMonogram(bankKey.value))
|
||||
const shebaText = computed(() => formatShebaForDisplay(props.card.shaba_number))
|
||||
</script>
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div ref="el" class="w-full flex flex-col relative h-full test">
|
||||
<CardItem v-for="(item,i) in props?.items" :key="i" v-model:sliderIndex="index" :card-number="item?.cart_number"
|
||||
:color="colors[i%3]"
|
||||
:self-index="i" :shaba="item?.shaba_number" :title="getBankDisplayName(item?.bank_name)" :active="item.sts === 2" :id="item?.id"
|
||||
:self-index="i" :shaba="item?.shaba_number" :title="getBankDisplayName(resolveBankKey(item))" :active="item.sts === 2" :id="item?.id"
|
||||
@cardDeleted="handleCardDeleted"
|
||||
/>
|
||||
<div class="absolute bottom-1 right-0 left-0 z-100 flex justify-center items-center opacity-70 pointer-events-none">
|
||||
@@ -26,7 +26,7 @@ import { computed, onMounted, ref, watch } from 'vue'
|
||||
import { useSwipe } from '@vueuse/core'
|
||||
import CardItem from './CardItem.vue'
|
||||
import type { Card } from '@/models/wallet'
|
||||
import { getBankDisplayName } from '@/utils/bankBranding'
|
||||
import { getBankDisplayName, resolveBankKey } from '@/utils/bankBranding'
|
||||
|
||||
const el = ref(null)
|
||||
const container = ref<HTMLElement | null>(null)
|
||||
|
||||
Reference in New Issue
Block a user