fix: added getPhaseTickets to dependency

src/people/widgetViews/PhasePlannerView.tsx

@@ -62,17 +62,34 @@ const PhasePlannerView: React.FC = () => {
     return data;
   }, [feature_uuid, phase_uuid, main]);
 
+  const getPhaseTickets = useCallback(async () => {
+    if (!feature_uuid || !phase_uuid) return;
+    const data = await main.getTicketDataByPhase(feature_uuid, phase_uuid);
+
+    return data;
+  }, [feature_uuid, phase_uuid, main]);
+
   useEffect(() => {
     const fetchData = async () => {
       try {
         const feature = await getFeatureData();
         const phase = await getPhaseData();
+        const phaseTickets = await getPhaseTickets();
 
-        if (!feature || !phase) {
+        if (!feature || !phase || !Array.isArray(phaseTickets)) {
           history.push('/');
         } else {
+          const parsedTicketData: TicketData[] = [];
+          for (let i = 0; i < phaseTickets.length; i++) {
+            const ticket = phaseTickets[i];
+            if (ticket.UUID) {
+              ticket.uuid = ticket.UUID;
+            }
+            parsedTicketData.push({ ...ticket });
+          }
           setFeatureData(feature);
           setPhaseData(phase);
+          setTicketData(parsedTicketData);
         }
       } catch (error) {
         console.error('Error fetching data:', error);
@@ -81,7 +98,7 @@ const PhasePlannerView: React.FC = () => {
     };
 
     fetchData();
-  }, [getFeatureData, getPhaseData, history]);
+  }, [getFeatureData, getPhaseData, history, getPhaseTickets]);
 
   const handleClose = () => {
     history.push(`/feature/${feature_uuid}`);

src/store/main.ts

@@ -3598,6 +3598,30 @@ export class MainStore {
     }
   }
 
+  async getTicketDataByPhase(feature_uuid: string, phase_uuid: string): Promise<Phase | undefined> {
+    try {
+      if (!uiStore.meInfo) return undefined;
+      const info = uiStore.meInfo;
+
+      const r: any = await fetch(
+        `${TribesURL}/bounties/ticket/feature/${feature_uuid}/phase/${phase_uuid}`,
+        {
+          method: 'GET',
+          mode: 'cors',
+          headers: {
+            'x-jwt': info.tribe_jwt,
+            'Content-Type': 'application/json'
+          }
+        }
+      );
+
+      return r.json();
+    } catch (e) {
+      console.error('getFeaturePhaseByUUID', e);
+      return undefined;
+    }
+  }
+
   async createOrUpdatePhase(phase: Phase): Promise<any> {
     try {
       if (!uiStore.meInfo) return [];