timeline default value added

src/components/jobPopout/NewJobListPopout.jsx

@@ -252,7 +252,7 @@ function NewJobListPopout({
     ];
 
     return (
-      <div className="px-4 pb-3 w-full md:border-r-2 flex flex-col justify-between">
+      <div className="px-4 pb-3 w-full h-full md:border-r-2 flex flex-col justify-between">
         {/* <p className='text-lg font-semibold text-slate-900 tracking-wide'>{details.title}</p> */}
 
         {/* INPUT SECTION */}
@@ -320,7 +320,7 @@ function NewJobListPopout({
           <>
             {/* ACTION SECTION */}
             {+taskWalletSelector.amount > +details.price ? (
-              <div className="px-4 pb-3 w-full flex flex-col justify-between">
+              <div className="px-4 pb-3 w-full flex flex-col justify-between h-auto md:min-h-[450px]">
                 <h1 className="text-lg mt-3 font-medium tracking-wide text-black dark:text-white">
                   Send this Task to:
                 </h1>

src/components/jobPopout/popoutcomponent/AssignToFamily.jsx

@@ -28,7 +28,7 @@ export default function AssignToFamily({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
           <div className='w-full'>
               <div className='hidden w-full'>
                 <JobFieldInput

src/components/jobPopout/popoutcomponent/AssignToGroup.jsx

@@ -28,7 +28,7 @@ export default function AssignToGroup({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
           <div className='w-full'>
               <div className='w-full'>
                 <JobFieldInput

src/components/jobPopout/popoutcomponent/AssignToIndividual.jsx

@@ -32,7 +32,7 @@ export default function AssignToIndividual({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
           <div className='w-full'>
               <div className='w-full'>
                 <JobFieldInput
@@ -41,7 +41,8 @@ export default function AssignToIndividual({
                     value={props?.values.individual}
                     placeholder="Enter email of individual"
                     inputHandler={props?.handleChange}
-                    parentClass="w-full flex flex-col gap-4"
+                    parentClass="w-full"
+                    labelClass="mb-0"
                 />
                 <p className="h-4 text-[13px] font-light italic text-red-600 tracking-wide">
                   {(props.errors.individual && props.touched.individual) && (

src/components/jobPopout/popoutcomponent/AssignToPublic.jsx

@@ -15,8 +15,8 @@ const validationSchema = Yup.object().shape({
 
 let initialValues = {
     public: "",
-    depend_uid: '',
+    depend_uid: "",
-    timeline: ''
+    timeline: "0"
 };
 
 export default function AssignToPublic({
@@ -36,7 +36,7 @@ export default function AssignToPublic({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
             <div className='w-full'>
                 <div className='mb-3 w-full flex flex-col xxs:flex-row items-center gap-1'>
                   <label className='w-full xxs:max-w-[120px] xxs:text-right'>Depends on:</label>

src/components/jobPopout/popoutcomponent/JobFieldInput.jsx

@@ -36,7 +36,9 @@ export default function JobFieldInput({
                 {(inputName == "family" || inputName == "public" || inputName == "timeline") &&
                   Array.isArray(data) && (
                     <>
+                    {inputName != "timeline" &&
                       <option value="">{optionText}</option>
+                    }
                       {data?.map((item, idx) => (
                         <React.Fragment key={idx}>
                           {inputName === "family" &&
@@ -98,6 +100,7 @@ export default function JobFieldInput({
           inputBg="bg-white"
           parentClass={`${parentClass}`}
           disable={disabled}
+          labelClass={labelClass}
         />
       )}
     </div>