WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

fixed underlying issues

Browse Source
This commit is contained in:
Chukwumdiebube Ojinta
2024-03-17 19:46:38 +01:00
parent 6729b780bd
commit 35db4fe536
4 changed files with 436 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FamilyPopup/SuggestTask.jsx
+19 -18
View File
@@ -84,8 +84,8 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
return (
<ModalCom action={onClose} situation={situation}>
<div className="logout-modal-wrapper lw-[90%] md:w-[768px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
<div className="logout-modal-header w-full flex items-center justify-between lg:p-6 px-[30px] py-[23px] border-b dark:border-[#5356fb29] border-light-purple">
<div className="logout-modal-wrapper lw-[90%] md:w-[48rem] h-full lg:h-[627px] bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
<div className="logout-modal-header w-full flex items-center justify-between lg:p-6 px-[1.875rem] py-[1.4375rem] border-b dark:border-[#5356fb29] border-light-purple">
<h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
{isManageFamilyPage
? `${state?.firstname}'s Suggested Task`
@@ -131,12 +131,12 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
>
{(props) => {
return (
<Form>
<div className="p-5 w-full bg-white rounded-md flex justify-between">
<Form className="h-[33.875rem] flex flex-col">
<div className="px-5 w-full bg-white rounded-md flex justify-between items-center h-full">
{/* Image Section */}
<div className="p-4 w-full md:w-2/4 md:border-r-2">
<div className="p-4 w-full md:w-2/4 md:border-r-2 h-full flex items-center">
<div
className="w-full h-[236px] p-6 bg-gray-400 rounded-xl overflow-hidden"
className="w-full h-[14.75rem] p-6 bg-gray-400 rounded-xl overflow-hidden"
style={{
background: `url(${selectedImage}) center / contain no-repeat`,
}}
@@ -144,9 +144,9 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
</div>
{/* ACTION SECTION */}
<div className="p-4 w-full md:w-2/4 h-full">
<div className="p-4 w-full md:w-2/4 h-full flex flex-col justify-between">
{/* Title */}
<div className="field w-full mb-[15px]">
<div className="field w-full mb-[.9375rem]">
<InputCom
fieldClass={
pathname === "/manage-family" ||
@@ -155,6 +155,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
: "px-6"
}
label="Title"
labalClass="text-[1.125rem]"
labelClass="tracking-wide"
inputBg={
pathname === "/manage-family" ||
@@ -178,15 +179,15 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
</div>
{/* Description */}
<div className="field w-full mb-[5px]">
<div className="field w-full mb-[.3125rem]">
<label
htmlFor="description"
className='className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold flex items-center gap-1'
className='input-label text-[#181c32] dark:text-white text-[1.125rem] leading-[1.3102rem] font-semibold flex items-center gap-1'
>
Description
{props.errors.description &&
props.touched.description && (
<span className="text-[12px] text-red-500">
<span className="text-[.75rem] text-red-500">
{props.errors.description}
</span>
)}
@@ -197,8 +198,8 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
className={`input-field pt-2 placeholder:text-base text-dark-gray dark:text-white w-full ${
pathname === "/manage-family" ||
pathname === "/acc-family/activities"
? "px-2 h-[110px]"
: "bg-slate-100 px-3 dark:bg-[#11131F] focus:ring-0 focus:outline-[#dce4e9] rounded-[10px] h-[130px]"
? "px-2 h-[6.875rem]"
: "bg-slate-100 px-3 dark:bg-[#11131F] focus:ring-0 focus:outline-[#dce4e9] rounded-[.625rem] h-[8.125rem]"
}`}
style={{ resize: "none" }}
name="description"
@@ -211,7 +212,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
{/* Radio buttons for family */}
{pathname === "/manage-family" ||
pathname === "/acc-family/activities" ? (
<div className="h-[20px] w-full border-t dark:border-[#5356fb29] border-light-purple relative">
<div className="h-[3.75rem] w-full border-t dark:border-[#5356fb29] border-light-purple relative">
<div id="my-radio-group" className="sr-only">
Parent suggested next step
</div>
@@ -229,7 +230,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
role="group"
key={idx}
htmlFor={`parent-suggested-${idx}`}
className={`transition duration-150 ease-in-out parent-suggest group cursor-pointer`}
className={`transition duration-150 ease-in-out parent-suggest group cursor-pointer flex items-center`}
onClick={() => setSuggestedNextStep(title)}
>
<input
@@ -238,7 +239,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
value={title}
checked={suggestedNextStep === title}
onChange={switchNextStep}
className={`transition duration-150 ease-in-out parent-suggest pointer-events-none`}
className={`transition duration-150 ease-in-out parent-suggest pointer-events-none w-[1.125rem] h-[1.125rem]`}
/>
<span
onClick={() => setSuggestedNextStep(title)}
@@ -250,7 +251,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
: title === "Duplicate"
? "text-purple"
: "text-black"
} font-semibold`}
} font-semibold text-[1.125rem]`}
>
{title}
</span>
@@ -262,7 +263,7 @@ const SuggestTask = ({ details, onClose, situation, continuePopupData }) => {
</div>
</div>
<div className="w-full h-[70px] border-t border-light-purple dark:border-[#5356fb29] flex justify-end items-center">
<div className="w-full h-[4.375rem] border-t border-light-purple dark:border-[#5356fb29] flex justify-end items-center">
<div className="flex items-center space-x-4 mr-9">
<button
type="button"