mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-29 18:52:19 +00:00
[backport cloud/1.34] fix: credits loading skeleton in user popover (#7350)
Backport of #7347 to `cloud/1.34` Automatically created by backport workflow. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7350-backport-cloud-1-34-fix-credits-loading-skeleton-in-user-popover-2c66d73d36508130b251f38bc8a8f66d) by [Unito](https://www.unito.io) Co-authored-by: Christian Byrne <cbyrne@comfy.org>
This commit is contained in:
@@ -26,7 +26,13 @@
|
|||||||
<!-- Credits Section -->
|
<!-- Credits Section -->
|
||||||
<div v-if="isActiveSubscription" class="flex items-center gap-2 px-4 py-2">
|
<div v-if="isActiveSubscription" class="flex items-center gap-2 px-4 py-2">
|
||||||
<i class="icon-[lucide--component] text-amber-400 text-sm" />
|
<i class="icon-[lucide--component] text-amber-400 text-sm" />
|
||||||
<span class="text-base font-normal text-base-foreground flex-1">{{
|
<Skeleton
|
||||||
|
v-if="authStore.isFetchingBalance"
|
||||||
|
width="4rem"
|
||||||
|
height="1.25rem"
|
||||||
|
class="flex-1"
|
||||||
|
/>
|
||||||
|
<span v-else class="text-base font-normal text-base-foreground flex-1">{{
|
||||||
formattedBalance
|
formattedBalance
|
||||||
}}</span>
|
}}</span>
|
||||||
<Button
|
<Button
|
||||||
@@ -122,6 +128,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import Button from 'primevue/button'
|
import Button from 'primevue/button'
|
||||||
import Divider from 'primevue/divider'
|
import Divider from 'primevue/divider'
|
||||||
|
import Skeleton from 'primevue/skeleton'
|
||||||
import { computed, onMounted } from 'vue'
|
import { computed, onMounted } from 'vue'
|
||||||
import { useI18n } from 'vue-i18n'
|
import { useI18n } from 'vue-i18n'
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user