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";