Merge pull request stakwork#863 from jordan-ae/add-feature-phase

src/components/form/bounty/index.tsx

@@ -50,6 +50,12 @@ function Form(props: FormProps) {
   const { main, ui } = useStores();
   const color = colors['light'];
   const [isFocused, setIsFocused] = useState({});
+  const [workspaceid, setWorskspaceid] = useState('');
+  const [featureid, setFeatureid] = useState('');
+  const [workspaceFeature, setWorkspaceFeatures] = useState<
+    Array<{ value: string; label: string }>
+  >([]);
+  const [featurePhase, setFeaturedPhase] = useState<Array<{ value: string; label: string }>>([]);
 
   const [schemaData, setSchemaData] = useState(BountyDetailsCreationData.step_1);
   const [stepTracker, setStepTracker] = useState<number>(1);
@@ -162,8 +168,64 @@ function Form(props: FormProps) {
 
   let schema = props.paged ? props.schema?.filter((f: any) => f.page === page) : props.schema;
 
+  useEffect(() => {
+    (async () => {
+      try {
+        const features = await main.getWorkspaceFeatures(workspaceid, {
+          page: 1,
+          status: 'active'
+        });
+
+        if (Array.isArray(features)) {
+          const filteredFeatures = features.map(
+            ({ uuid, name }: { uuid: string; name: string }) => ({
+              value: uuid,
+              label: name
+            })
+          );
+
+          setWorkspaceFeatures(filteredFeatures);
+        } else {
+          console.log('Features object:', features);
+        }
+      } catch (error) {
+        console.error('Error fetching or parsing features:', error);
+      }
+    })();
+  }, [main, featureid, workspaceFeature, workspaceid]);
+
+  useEffect(() => {
+    (async () => {
+      try {
+        const phase = await main.getFeaturePhases(featureid);
+
+        if (Array.isArray(phase)) {
+          const filteredPhase = phase.map(({ uuid, name }: { uuid: string; name: string }) => ({
+            value: uuid,
+            label: name
+          }));
+          setFeaturedPhase(filteredPhase);
+        } else {
+          console.log('Features object:', phase);
+        }
+      } catch (error) {
+        console.error('Error fetching or parsing features:', error);
+      }
+    })();
+  }, [featureid, main]);
+
   // replace schema with dynamic schema if there is one
   schema = dynamicSchema || schema;
+  if (schema && Array.isArray(schema)) {
+    const featureFieldIndex = schema.findIndex((field: FormField) => field.name === 'feature_id');
+    if (featureFieldIndex !== -1) {
+      schema[featureFieldIndex].options = workspaceFeature;
+    }
+    const phaseFieldIndex = schema.findIndex((field: FormField) => field.name === 'phase_id');
+    if (phaseFieldIndex !== -1) {
+      schema[phaseFieldIndex].options = featurePhase;
+    }
+  }
 
   schema = isMobile ? swapElements([...schema], 7, 8) : schema;
 
@@ -214,6 +276,11 @@ function Form(props: FormProps) {
           key === '' ? true : values?.[key]
         );
 
+        if (values.org_uuid !== '') {
+          setFeatureid(values.feature_id);
+          setWorskspaceid(values.org_uuid);
+        }
+
         const isBtnDisabled = (stepTracker === 3 && !isDescriptionValid) || !valid;
 
         // returns the body of a form page

src/components/form/schema.ts

@@ -692,6 +692,20 @@ export const wantedCodingTaskSchema: FormField[] = [
     type: 'text',
     testId: 'Github'
   },
+  {
+    name: 'feature_id',
+    label: 'Feature',
+    type: 'select',
+    options: [],
+    validator: strValidatorNotRequired
+  },
+  {
+    name: 'phase_id',
+    label: 'Phase',
+    type: 'select',
+    options: [],
+    validator: strValidatorNotRequired
+  },
   {
     name: 'wanted_type',
     label: 'Category *',

src/people/interfaces.ts

@@ -258,6 +258,8 @@ export interface WantedSummaryProps {
   formSubmit: (any, notEdit?: boolean) => void;
   title: string;
   org_uuid?: string;
+  phase_id?: string;
+  feature_id?: string;
   id?: number;
   owner_id?: string;
   markPaidOrUnpaid?: ReactNode;

src/people/utils/BountyCreationConstant.ts

@@ -21,7 +21,7 @@ export const BountyDetailsCreationData = {
     schemaName: 'Freelance Job Request',
     heading: 'Basic info',
     sub_heading: ' ',
-    schema: ['org_uuid', 'one_sentence_summary', 'ticket_url'],
+    schema: ['org_uuid', 'one_sentence_summary', 'ticket_url', 'phase_id', 'feature_id'],
     schema2: ['wanted_type', 'coding_languages'],
     required: ['one_sentence_summary', 'wanted_type'],
     outerContainerStyle: {

src/people/widgetViews/summaries/WantedSummary.tsx

@@ -56,6 +56,8 @@ function WantedSummary(props: WantedSummaryProps) {
     formSubmit,
     title,
     org_uuid,
+    feature_id,
+    phase_id,
     id,
     isEditButtonDisable
   } = props;
@@ -161,7 +163,9 @@ function WantedSummary(props: WantedSummaryProps) {
         show: show,
         type: type,
         created: created,
-        org_uuid
+        org_uuid,
+        phase_id,
+        feature_id
       };
 
       formSubmit && formSubmit(newValue, true);
@@ -181,7 +185,9 @@ function WantedSummary(props: WantedSummaryProps) {
       ticket_url,
       titleString,
       type,
-      wanted_type
+      wanted_type,
+      phase_id,
+      feature_id
     ]
   );
 
@@ -204,7 +210,9 @@ function WantedSummary(props: WantedSummaryProps) {
       show: show,
       type: type,
       created: created,
-      org_uuid
+      org_uuid,
+      phase_id,
+      feature_id
     };
     formSubmit && formSubmit(newValue, true);
   }, [
@@ -222,7 +230,9 @@ function WantedSummary(props: WantedSummaryProps) {
     ticket_url,
     titleString,
     type,
-    wanted_type
+    wanted_type,
+    phase_id,
+    feature_id
   ]);
 
   useEffect(() => {
@@ -600,6 +610,8 @@ function WantedSummary(props: WantedSummaryProps) {
           actionButtons={actionButtons}
           assigneeLabel={assigneeLabel}
           isEditButtonDisable={isEditButtonDisable}
+          phase_id={phase_id}
+          feature_id={feature_id}
         />
       );
     }

src/people/widgetViews/summaries/wantedSummaries/__tests__/CodingBounty.spec.tsx

@@ -106,6 +106,8 @@ describe('MobileView component', () => {
     badgeRecipient: '',
     fromBountyPage: '',
     wanted_type: '',
+    phase_id: '',
+    feature_id: '',
     one_sentence_summary: '',
     github_description: '',
     show: false,

src/store/interface.ts

@@ -117,6 +117,8 @@ export interface PersonBounty {
   estimated_session_length: string;
   bounty_expires?: string;
   commitment_fee?: number;
+  feature_id?: string;
+  phase_id?: string;
 }
 
 export type WorkspaceTransactionType = 'deposit' | 'payment' | 'withdraw' | 'failed' | 'pending';