diff --git a/packages/playground/src/dashboard/twin_view.vue b/packages/playground/src/dashboard/twin_view.vue index 8825c7d714..da0db83696 100644 --- a/packages/playground/src/dashboard/twin_view.vue +++ b/packages/playground/src/dashboard/twin_view.vue @@ -156,6 +156,7 @@
mdi-shield-plus +

+ You need to have at least 100 TFT +

import { KycStatus } from "@threefold/grid_client"; import { generatePublicKey } from "@threefold/rmb_direct_client"; -import { onMounted, ref } from "vue"; +import { computed, onMounted, ref } from "vue"; import { manual } from "@/utils/manual"; @@ -250,6 +254,9 @@ const gridStore = useGrid(); const grid = gridStore.client as GridClient; const kycDialog = ref(false); const kycDialogLoading = ref(false); +const profileManagerController = useProfileManagerController(); +const balance = profileManagerController.balance; +const insufficientBalance = computed(() => balance.value?.free == undefined || balance.value?.free < 100); const apps = [ { src: ``, @@ -366,6 +373,7 @@ function copy(id: string) { import type { GridClient } from "@threefold/grid_client"; import KycVerifier from "@/components/KycVerifier.vue"; +import { useProfileManagerController } from "@/components/profile_manager_controller.vue"; import { useKYC } from "@/stores/kyc"; import QrcodeGenerator from "../components/qrcode_generator.vue";