@trustless-work/blocks 1.1.5 → 1.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trustless-work/blocks",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "author": "Trustless Work",
   "keywords": [
     "react",

package/templates/escrows/load-escrow/button/{LoadEscrowButton.tsx → LoadEscrow.tsx}

@@ -36,7 +36,9 @@ export const LoadEscrowButton = ({ contractId }: LoadEscrowButtonProps) => {
 
       setSelectedEscrow(escrowData);
 
-      toast.success("Escrow data fetched successfully");
+      toast.success(
+        "Escrow data fetched successfully. Now you can use the selectedEscrow state"
+      );
     } catch (error) {
       toast.error(handleError(error as ErrorResponse).message);
     } finally {

package/templates/escrows/load-escrow/form/LoadEscrow.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { Button } from "__UI_BASE__/button";
+import { Input } from "__UI_BASE__/input";
+import {
+  Form,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+} from "__UI_BASE__/form";
+import { useLoadEscrow } from "./useLoadEscrow";
+
+export function LoadEscrowForm() {
+  const { form, isSubmitting, onSubmit } = useLoadEscrow();
+
+  return (
+    <Form {...form}>
+      <form
+        onSubmit={form.handleSubmit(onSubmit)}
+        className="flex flex-col space-y-6 w-full"
+      >
+        <FormField
+          control={form.control}
+          name="contractIds.0.value"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Contract / Escrow ID</FormLabel>
+              <FormControl>
+                <Input placeholder="CAZ6UQX7..." {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <Button
+          type="submit"
+          className="w-full cursor-pointer"
+          disabled={isSubmitting}
+        >
+          {isSubmitting ? "Loading..." : "Load Escrow"}
+        </Button>
+      </form>
+    </Form>
+  );
+}

package/templates/escrows/load-escrow/form/LoadEscrowForm.tsx

@@ -1,47 +0,0 @@
-"use client";
-
-import { Button } from "__UI_BASE__/button";
-import { Input } from "__UI_BASE__/input";
-import {
-  Form,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormControl,
-  FormMessage,
-} from "__UI_BASE__/form";
-import { useLoadEscrow } from "./useLoadEscrow";
-
-export function LoadEscrowForm() {
-  const { form, isSubmitting, onSubmit } = useLoadEscrow();
-
-  return (
-    <div className="space-y-6">
-      <Form {...form}>
-        <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
-          <FormField
-            control={form.control}
-            name="contractIds.0.value"
-            render={({ field }) => (
-              <FormItem>
-                <FormLabel>Contract / Escrow ID</FormLabel>
-                <FormControl>
-                  <Input placeholder="CAZ6UQX7..." {...field} />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-
-          <Button
-            type="submit"
-            className="w-full cursor-pointer"
-            disabled={isSubmitting}
-          >
-            {isSubmitting ? "Loading..." : "Load Escrow"}
-          </Button>
-        </form>
-      </Form>
-    </div>
-  );
-}