From 2f92ae9272abc50eae02b0f914388d12131b8459 Mon Sep 17 00:00:00 2001
From: JoelVR17 <vermudo.com@gmail.com>
Date: Tue, 18 Feb 2025 17:16:06 -0600
Subject: [PATCH] feat: update SkeletonMilestones component to display
 milestones from selected escrow

---
 .../modules/escrow/ui/dialogs/utils/SkeletonMilestones.tsx  | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/modules/escrow/ui/dialogs/utils/SkeletonMilestones.tsx b/src/components/modules/escrow/ui/dialogs/utils/SkeletonMilestones.tsx
index 27644d3..4e664c4 100644
--- a/src/components/modules/escrow/ui/dialogs/utils/SkeletonMilestones.tsx
+++ b/src/components/modules/escrow/ui/dialogs/utils/SkeletonMilestones.tsx
@@ -1,13 +1,17 @@
 import { Skeleton } from "@/components/ui/skeleton";
+import { useGlobalBoundedStore } from "@/core/store/data";
 
 const SkeletonMilestones = () => {
+  const selectedEscrow = useGlobalBoundedStore((state) => state.selectedEscrow);
+  const milestones = selectedEscrow?.milestones || [];
+
   return (
     <div className="space-y-4">
       <div className="flex items-center">
         <Skeleton className="w-24 h-4 rounded-md" />
         <Skeleton className="ml-2 w-6 h-6 rounded-full" />
       </div>
-      {[...Array(3)].map((_, index) => (
+      {milestones.map((_, index) => (
         <div key={index} className="flex items-center space-x-4">
           <Skeleton className="w-24 h-6 rounded-md" />
           <Skeleton className="flex-1 h-10 rounded-md" />