Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
d081dd73d6 | ||
 ameye
|
9b9e10efbb |
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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) && (
|
||||
|
||||
@@ -15,8 +15,8 @@ const validationSchema = Yup.object().shape({
|
||||
|
||||
let initialValues = {
|
||||
public: "",
|
||||
depend_uid: '',
|
||||
timeline: ''
|
||||
depend_uid: "",
|
||||
timeline: "0"
|
||||
};
|
||||
|
||||
export default function AssignToPublic({
|
||||
@@ -36,37 +36,37 @@ 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>
|
||||
<div
|
||||
className={`input-wrapper border border-[#f5f8fa] dark:border-[#5e6278] w-full rounded-[1rem] h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding text-[#5e6278] dark:text-gray-100 bg-[#f5f8fa] dark:bg-[#5e6278] text-base`}
|
||||
>
|
||||
<select
|
||||
className='px-2 w-full h-full bg-white border-0 outline-0'
|
||||
name="depend_uid"
|
||||
value={props?.values.depend_uid}
|
||||
onChange={props.handleChange}
|
||||
>
|
||||
<>
|
||||
{myJobList.loading ? (
|
||||
<option value={""}>Loading...</option>
|
||||
) : myJobList?.data?.result_list?.length > 0 ? (
|
||||
<>
|
||||
<option value="">None</option>
|
||||
{myJobList?.data?.result_list?.filter(item => item.job_uid != details.job_uid)?.map((item, index) => (
|
||||
<option value={item?.job_uid} key={item.job_uid}>
|
||||
{item?.title}
|
||||
</option>
|
||||
))}
|
||||
</>
|
||||
) : (
|
||||
<option value="">No Job Found</option>
|
||||
)}
|
||||
</>
|
||||
</select>
|
||||
</div>
|
||||
<label className='w-full xxs:max-w-[120px] xxs:text-right'>Depends on:</label>
|
||||
<div
|
||||
className={`input-wrapper border border-[#f5f8fa] dark:border-[#5e6278] w-full rounded-[1rem] h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding text-[#5e6278] dark:text-gray-100 bg-[#f5f8fa] dark:bg-[#5e6278] text-base`}
|
||||
>
|
||||
<select
|
||||
className='px-2 w-full h-full bg-white border-0 outline-0'
|
||||
name="depend_uid"
|
||||
value={props?.values.depend_uid}
|
||||
onChange={props.handleChange}
|
||||
>
|
||||
<>
|
||||
{myJobList.loading ? (
|
||||
<option value={""}>Loading...</option>
|
||||
) : myJobList?.data?.result_list?.length > 0 ? (
|
||||
<>
|
||||
<option value="">None</option>
|
||||
{myJobList?.data?.result_list?.filter(item => item.job_uid != details.job_uid)?.map((item, index) => (
|
||||
<option value={item?.job_uid} key={item.job_uid}>
|
||||
{item?.title}
|
||||
</option>
|
||||
))}
|
||||
</>
|
||||
) : (
|
||||
<option value="">No Job Found</option>
|
||||
)}
|
||||
</>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mb-3 w-full flex flex-col xxs:flex-row items-center gap-1'>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user