Merge pull request #1387 from MahtabBukhari/Update-the-New-Bounty-and-Edit-Bounty-Form-to-include-set-Stake-on-Bounty

Update the New Bounty and Edit Bounty Form to include set Stake on Bounty

Author: humansinstitute

src/components/form/bounty/index.tsx

@@ -3,7 +3,7 @@ import { EuiText } from '@elastic/eui';
 import { Formik } from 'formik';
 import { observer } from 'mobx-react-lite';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useIsMobile } from 'hooks';
+import { useFeatureFlag, useIsMobile } from 'hooks';
 import { RefineDescriptionModal } from 'components/common/RefineDescriptionModal';
 import { snippetStore } from 'store/snippetStore';
 import { toCapitalize } from '../../../helpers/helpers';
@@ -41,7 +41,7 @@ function Form(props: FormProps) {
   } = props;
   const page = 1;
   const isMobile = useIsMobile();
-
+  const { isEnabled } = useFeatureFlag('staking');
   const [loading, setLoading] = useState(true);
   const [dynamicInitialValues, setDynamicInitialValues]: any = useState(null);
   const [dynamicSchema, setDynamicSchema]: any = useState(null);
@@ -374,6 +374,11 @@ function Form(props: FormProps) {
                   <Input
                     {...item}
                     key={item.name}
+                    type={
+                      (item.name === 'isStakable' || item.name === 'stakeMin') && !isEnabled
+                        ? 'hidden'
+                        : item.type
+                    }
                     newDesign={item.name === 'description' ? false : true}
                     values={values}
                     testId={item.name}
@@ -605,7 +610,12 @@ function Form(props: FormProps) {
                             >
                               <Input
                                 {...item}
-                                type={item.type}
+                                type={
+                                  (item.name === 'isStakable' || item.name === 'stakeMin') &&
+                                  !isEnabled
+                                    ? 'hidden'
+                                    : item.type
+                                }
                                 newDesign={item.name === 'description' ? false : true}
                                 values={values}
                                 setAssigneefunction={item.name === 'assignee' && setAssigneeName}

src/components/form/inputs/NumberSatsInput.tsx

@@ -53,7 +53,8 @@ export default function NumberInputNew({
   value,
   handleChange,
   handleBlur,
-  handleFocus
+  handleFocus,
+  values
 }: Props) {
   let labeltext = label;
 
@@ -76,6 +77,10 @@ export default function NumberInputNew({
     }
   }, [textValue]);
 
+  if (name === 'stakeMin' && values?.estimated_session_length === undefined) {
+    return <></>;
+  }
+
   return (
     <InputOuterBox color={color} borderColor={isError ? color.red2 : color.grayish.G600}>
       <input

src/components/form/inputs/SwitchInput.tsx

@@ -78,6 +78,10 @@ export default function SwitchInput({
 
   const color = colors['light'];
 
+  if (name === 'isStakable' && values?.estimated_session_length === undefined) {
+    return <></>;
+  }
+
   return (
     <>
       <Container style={style} color={color}>

src/components/form/schema.ts

@@ -797,6 +797,17 @@ export const wantedCodingTaskSchema: FormField[] = [
     label: 'Show to public',
     type: 'switch'
   },
+  {
+    name: 'isStakable',
+    label: 'Self Assign',
+    type: 'switch'
+  },
+  {
+    name: 'stakeMin',
+    label: 'Stake Amount (Sats)',
+    validator: strValidatorNotRequired,
+    type: 'numbersats'
+  },
   {
     name: 'assignee',
     label: 'Assignee',

src/people/utils/BountyCreationConstant.ts

@@ -55,7 +55,13 @@ export const BountyDetailsCreationData = {
     schemaName: 'Freelance Job Request',
     heading: 'Price and Estimate',
     sub_heading: ' ',
-    schema: ['price', 'estimated_session_length', 'estimated_completion_date'],
+    schema: [
+      'price',
+      'estimated_session_length',
+      'estimated_completion_date',
+      'isStakable',
+      'stakeMin'
+    ],
     schema2: ['tribe', 'deliverables', 'access_restriction', 'show'],
     required: ['price'],
     outerContainerStyle: {