@trustless-work/blocks 1.0.8 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/templates/escrows/details/EscrowDetailDialog.tsx +10 -12
  3. package/templates/escrows/escrows-by-role/cards/EscrowsCards.tsx +3 -1
  4. package/templates/escrows/escrows-by-signer/cards/EscrowsCards.tsx +3 -1
  5. package/templates/escrows/multi-release/initialize-escrow/dialog/InitializeEscrow.tsx +26 -9
  6. package/templates/escrows/multi-release/initialize-escrow/form/InitializeEscrow.tsx +26 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trustless-work/blocks",
3
- "version": "1.0.8",
3
+ "version": "1.0.9",
4
4
  "author": "Trustless Work",
5
5
  "keywords": [
6
6
  "react",
package/templates/escrows/details/EscrowDetailDialog.tsx CHANGED
@@ -55,7 +55,7 @@ export const EscrowDetailDialog = ({
55
55
  selectedEscrow,
56
56
  });
57
57
 
58
- const stellarExplorerUrl = `https://stellar.expert/explorer/testnet/contract/${selectedEscrow?.contractId}`;
58
+ const viewerUrl = `https://viewer.trustlesswork.com/${selectedEscrow?.contractId}`;
59
59
 
60
60
  if (!isDialogOpen || !selectedEscrow) return null;
61
61
  return (
@@ -65,17 +65,15 @@ export const EscrowDetailDialog = ({
65
65
  <DialogHeader className="flex-shrink-0">
66
66
  <div className="w-full">
67
67
  <div className="flex flex-col gap-2">
68
- <div className="w-full">
69
- <Link
70
- href={stellarExplorerUrl}
71
- target="_blank"
72
- className="hover:underline"
73
- >
74
- <DialogTitle className="text-xl">
75
- {selectedEscrow.title}
76
- </DialogTitle>
77
- </Link>
78
- </div>
68
+ <Link
69
+ href={viewerUrl}
70
+ target="_blank"
71
+ className="hover:underline w-fit"
72
+ >
73
+ <DialogTitle className="text-xl">
74
+ {selectedEscrow.title}
75
+ </DialogTitle>
76
+ </Link>
79
77
 
80
78
  <DialogDescription>
81
79
  {selectedEscrow.description}
package/templates/escrows/escrows-by-role/cards/EscrowsCards.tsx CHANGED
@@ -351,7 +351,9 @@ export const EscrowsByRoleCards = () => {
351
351
  key={`milestone-${milestone.description}-${milestone.status}-${index}`}
352
352
  className="text-xs flex justify-between"
353
353
  >
354
- {milestone.description}
354
+ <p className="truncate mr-4">
355
+ {milestone.description}
356
+ </p>
355
357
 
356
358
  {escrow.type === "multi-release" &&
357
359
  "amount" in milestone && (
package/templates/escrows/escrows-by-signer/cards/EscrowsCards.tsx CHANGED
@@ -339,7 +339,9 @@ export const EscrowsBySignerCards = () => {
339
339
  key={`milestone-${milestone.description}-${milestone.status}-${index}`}
340
340
  className="text-xs flex justify-between"
341
341
  >
342
- {milestone.description}
342
+ <p className="truncate mr-4">
343
+ {milestone.description}
344
+ </p>
343
345
 
344
346
  {escrow.type === "multi-release" &&
345
347
  "amount" in milestone && (
package/templates/escrows/multi-release/initialize-escrow/dialog/InitializeEscrow.tsx CHANGED
@@ -402,19 +402,36 @@ export const InitializeEscrowDialog = () => {
402
402
  />
403
403
 
404
404
  <div className="space-y-4">
405
- <FormLabel className="flex items-center">
406
- Milestones<span className="text-destructive ml-1">*</span>
407
- </FormLabel>
405
+ <FormLabel className="flex items-center">Milestones</FormLabel>
406
+
407
+ <div className="grid grid-cols-1 md:grid-cols-12 gap-4 items-center">
408
+ <div className="md:col-span-4">
409
+ <FormLabel className="flex items-center">
410
+ Description<span className="text-destructive ml-1">*</span>
411
+ </FormLabel>
412
+ </div>
413
+ <div className="md:col-span-4">
414
+ <FormLabel className="flex items-center">
415
+ Receiver<span className="text-destructive ml-1">*</span>
416
+ </FormLabel>
417
+ </div>
418
+ <div className="md:col-span-3">
419
+ <FormLabel className="flex items-center">
420
+ Amount<span className="text-destructive ml-1">*</span>
421
+ </FormLabel>
422
+ </div>
423
+ </div>
424
+
408
425
  {milestones.map((milestone, index) => (
409
426
  <div key={index} className="space-y-4">
410
427
  <div className="grid grid-cols-1 md:grid-cols-12 gap-4 items-center">
411
428
  <div className="md:col-span-4">
412
429
  <Input
413
- placeholder="Enter receiver address"
414
- value={milestone.receiver}
430
+ placeholder="Milestone description"
431
+ value={milestone.description}
415
432
  onChange={(e) => {
416
433
  const updatedMilestones = [...milestones];
417
- updatedMilestones[index].receiver = e.target.value;
434
+ updatedMilestones[index].description = e.target.value;
418
435
  form.setValue("milestones", updatedMilestones);
419
436
  }}
420
437
  />
@@ -422,11 +439,11 @@ export const InitializeEscrowDialog = () => {
422
439
 
423
440
  <div className="md:col-span-4">
424
441
  <Input
425
- placeholder="Milestone description"
426
- value={milestone.description}
442
+ placeholder="Enter receiver address"
443
+ value={milestone.receiver}
427
444
  onChange={(e) => {
428
445
  const updatedMilestones = [...milestones];
429
- updatedMilestones[index].description = e.target.value;
446
+ updatedMilestones[index].receiver = e.target.value;
430
447
  form.setValue("milestones", updatedMilestones);
431
448
  }}
432
449
  />
package/templates/escrows/multi-release/initialize-escrow/form/InitializeEscrow.tsx CHANGED
@@ -383,19 +383,36 @@ export const InitializeEscrowForm = () => {
383
383
  />
384
384
 
385
385
  <div className="space-y-4">
386
- <FormLabel className="flex items-center">
387
- Milestones<span className="text-destructive ml-1">*</span>
388
- </FormLabel>
386
+ <FormLabel className="flex items-center">Milestones</FormLabel>
387
+
388
+ <div className="grid grid-cols-1 md:grid-cols-12 gap-4 items-center">
389
+ <div className="md:col-span-4">
390
+ <FormLabel className="flex items-center">
391
+ Description<span className="text-destructive ml-1">*</span>
392
+ </FormLabel>
393
+ </div>
394
+ <div className="md:col-span-4">
395
+ <FormLabel className="flex items-center">
396
+ Receiver<span className="text-destructive ml-1">*</span>
397
+ </FormLabel>
398
+ </div>
399
+ <div className="md:col-span-3">
400
+ <FormLabel className="flex items-center">
401
+ Amount<span className="text-destructive ml-1">*</span>
402
+ </FormLabel>
403
+ </div>
404
+ </div>
405
+
389
406
  {milestones.map((milestone, index) => (
390
407
  <div key={index} className="space-y-4 max-w-3xl">
391
408
  <div className="grid grid-cols-1 md:grid-cols-12 gap-4 items-center">
392
409
  <div className="md:col-span-4">
393
410
  <Input
394
- placeholder="Enter receiver address"
395
- value={milestone.receiver}
411
+ placeholder="Milestone description"
412
+ value={milestone.description}
396
413
  onChange={(e) => {
397
414
  const updatedMilestones = [...milestones];
398
- updatedMilestones[index].receiver = e.target.value;
415
+ updatedMilestones[index].description = e.target.value;
399
416
  form.setValue("milestones", updatedMilestones);
400
417
  }}
401
418
  />
@@ -403,11 +420,11 @@ export const InitializeEscrowForm = () => {
403
420
 
404
421
  <div className="md:col-span-4">
405
422
  <Input
406
- placeholder="Milestone description"
407
- value={milestone.description}
423
+ placeholder="Enter receiver address"
424
+ value={milestone.receiver}
408
425
  onChange={(e) => {
409
426
  const updatedMilestones = [...milestones];
410
- updatedMilestones[index].description = e.target.value;
427
+ updatedMilestones[index].receiver = e.target.value;
411
428
  form.setValue("milestones", updatedMilestones);
412
429
  }}
413
430
  />