Handle rented node in grace period

packages/playground/src/components/node_selector/TfAutoNodeSelector.vue

@@ -148,8 +148,8 @@ import { RequestError } from "@threefold/types";
 import type AwaitLock from "await-lock";
 import equals from "lodash/fp/equals.js";
 import { computed, nextTick, onMounted, onUnmounted, type PropType, ref } from "vue";
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import type { VCard } from "vuetify/components/VCard";
+
+import { normalizeError } from "@/utils/helpers";
 
 import { useAsync, usePagination, useWatchDeep } from "../../hooks";
 import { ValidatorStatus } from "../../hooks/form_validator";
@@ -167,7 +167,6 @@ import {
   validateRentContract,
 } from "../../utils/nodeSelector";
 import TfNodeDetailsCard from "./TfNodeDetailsCard.vue";
-
 export default {
   name: "TfAutoNodeSelector",
   components: { TfNodeDetailsCard },
@@ -304,14 +303,24 @@ export default {
 
     const nodeInputValidateTask = useAsync<boolean, string, [NodeInfo | undefined]>(
       async node => {
-        if (node && node?.rentContractId !== 0) {
-          const { state } = await gridStore.grid.contracts.get({
-            id: node?.rentContractId,
-          });
-          if (state.gracePeriod) {
-            return false;
+        try {
+          if (node && node.rentContractId !== 0) {
+            const { state } = await gridStore.grid.contracts.get({
+              id: node?.rentContractId,
+            });
+            if (state.gracePeriod) {
+              const err = `You can't deploy on node ${node.nodeId}, its rent contract is in grace period.`;
+              throw err;
+            }
           }
+        } catch (error) {
+          const err = normalizeError(
+            error,
+            "Something went wrong while checking status of the node. Please check your connection and try again.",
+          );
+          throw err;
         }
+
         const nodeCapacityValid = await checkNodeCapacityPool(gridStore, node, props.filters);
         const rentContractValid = props.filters.dedicated ? await validateRentContract(gridStore, node) : true;
 

packages/playground/src/components/node_selector/TfNodeDetailsCard.vue

@@ -13,15 +13,7 @@
     "
     :flat="flat"
     v-bind="{
-      onClick: selectable
-        ? async () => {
-            if (status === 'Init' && node) {
-              $emit('node:select', (node as NodeInfo));
-            }
-            if(node?.dedicated && node.rentContractId === 0) return false
-            await validateRentContract(gridStore, node as NodeInfo);
-          }
-        : undefined,
+      onClick: selectable ? async () => await handleNodeClick() : undefined,
     }"
   >
     <template #loader>
@@ -364,6 +356,18 @@ export default {
       tftsNeeded();
     });
 
+    async function handleNodeClick() {
+      try {
+        if (props.status === "Init" && props.node) {
+          ctx.emit("node:select", props.node as NodeInfo);
+        }
+        if (props.node?.dedicated && props.node.rentContractId === 0) return false;
+        await validateRentContract(gridStore, props.node as NodeInfo);
+      } catch (error) {
+        return error;
+      }
+    }
+
     async function refreshStakingDiscount() {
       loadingStakingDiscount.value = true;
       if (props.node) {
@@ -622,6 +626,7 @@ export default {
       lastDeploymentTime,
       loadingdiscountTableItems,
       gridStore,
+      handleNodeClick,
     };
   },
 };

packages/playground/src/utils/nodeSelector.ts

@@ -19,7 +19,6 @@ import type {
   SelectionDetailsFilters,
   SelectionDetailsFiltersValidators,
 } from "../types/nodeSelector";
-import { createCustomToast, ToastType } from "./custom_toast";
 import { normalizeError } from "./helpers";
 
 export interface GetLocationsConfig {
@@ -231,14 +230,11 @@ export async function validateRentContract(
       throw `Node ${node.nodeId} is not rented`;
     }
     if (node.rentContractId !== 0) {
-      const contractInfo = await gridStore.grid.contracts.get({
+      const { state } = await gridStore.grid.contracts.get({
         id: node.rentContractId,
       });
-      if (contractInfo.state.gracePeriod) {
-        createCustomToast(
-          `You can't deploy on node ${node.nodeId}, its rent contract is in grace period.`,
-          ToastType.danger,
-        );
+      if (state.gracePeriod) {
+        throw `You can't deploy on node ${node.nodeId}, its rent contract is in grace period.`;
       }
     }