Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
359344772e | ||
 ameye
|
1533465f8d | ||
|
victorAnumudu
|
66b1ff5f92 | ||
|
ameye
|
c141ab1ef2 | ||
|
victorAnumudu
|
8a7b56068d | ||
|
victorAnumudu
|
bb5a966249 | ||
|
ameye
|
199dec01fe |
@@ -144,7 +144,7 @@ export default function AssignMediaTask({
|
|||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-3 gap-3">
|
<div className="grid grid-cols-3 gap-3">
|
||||||
{/* Price */}
|
{/* Price */}
|
||||||
<div className="field w-full">
|
<div className="field w-full flex flex-col justify-between">
|
||||||
<label htmlFor="price" className="job-label flex gap-1">
|
<label htmlFor="price" className="job-label flex gap-1">
|
||||||
Reward
|
Reward
|
||||||
<span className='text-red-500 text-base'>{props.errors.amount && props.touched.amount && '*'}</span>
|
<span className='text-red-500 text-base'>{props.errors.amount && props.touched.amount && '*'}</span>
|
||||||
@@ -164,7 +164,7 @@ export default function AssignMediaTask({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Currency */}
|
{/* Currency */}
|
||||||
<div className="field w-full">
|
<div className="field w-full flex flex-col justify-between">
|
||||||
<label
|
<label
|
||||||
htmlFor="currency"
|
htmlFor="currency"
|
||||||
className="job-label flex gap-1 invisible"
|
className="job-label flex gap-1 invisible"
|
||||||
@@ -224,7 +224,7 @@ export default function AssignMediaTask({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Duration */}
|
{/* Duration */}
|
||||||
<div className="field w-full">
|
<div className="field w-full flex flex-col justify-between">
|
||||||
<label
|
<label
|
||||||
htmlFor="timeline_days"
|
htmlFor="timeline_days"
|
||||||
className="job-label flex gap-1"
|
className="job-label flex gap-1"
|
||||||
|
|||||||
@@ -277,7 +277,7 @@ function ActiveJobsMedia(props) {
|
|||||||
state={props.details.accountDetails}
|
state={props.details.accountDetails}
|
||||||
>
|
>
|
||||||
{/* job title */}
|
{/* job title */}
|
||||||
<div className="py-[20px] bg-white dark:bg-black dark:text-white px-4 rounded-2xl shadow-md md:flex justify-between items-start gap-16">
|
{/* <div className="py-[20px] bg-white dark:bg-black dark:text-white px-4 rounded-2xl shadow-md md:flex justify-between items-start gap-16">
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<div className="w-full flex justify-start space-x-3 items-start">
|
<div className="w-full flex justify-start space-x-3 items-start">
|
||||||
<button
|
<button
|
||||||
@@ -310,7 +310,7 @@ function ActiveJobsMedia(props) {
|
|||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
{/* end of job title */}
|
{/* end of job title */}
|
||||||
|
|
||||||
<div className="my-4 lg:flex justify-between items-start space-y-4 lg:space-x-4 lg:space-y-0">
|
<div className="my-4 lg:flex justify-between items-start space-y-4 lg:space-x-4 lg:space-y-0">
|
||||||
@@ -320,29 +320,39 @@ function ActiveJobsMedia(props) {
|
|||||||
<VideoElement videoId={props?.details?.media_uid} />
|
<VideoElement videoId={props?.details?.media_uid} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="w-full p-4 bg-white dark:bg-black rounded-2xl shadow-md md:flex md:justify-between gap-2">
|
<div className="w-full p-4 bg-white dark:bg-black rounded-2xl shadow-md md:flex md:justify-between gap-8">
|
||||||
<div className="w-full flex flex-col justify-between">
|
<div className="w-full flex flex-col justify-between">
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<p className="w-full text-base text-right text-sky-blue">
|
<p className="w-full text-base text-right text-sky-blue">
|
||||||
{props?.details && props.details.job_to}
|
{props?.details && props.details.job_to}
|
||||||
</p>
|
</p>
|
||||||
<div className="text-base text-slate-700 dark:text-white tracking-wide">
|
<div className="text-base tracking-wide">
|
||||||
<p className="font-semibold text-black dark:text-white">
|
<p className="font-semibold text-black dark:text-white tracking-wider">
|
||||||
Description:{" "}
|
Description:{" "}
|
||||||
</p>
|
</p>
|
||||||
<p className="p-2 border border-sky-blue">
|
<p className="p-2 ml-8 border-b border-sky-blue">
|
||||||
{props?.details && props.details.description}
|
{props?.details && props.details.description}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div className="mt-6 w-full lg:flex gap-8">
|
||||||
<div className="my-2">
|
<div className="w-full text-base tracking-wide">
|
||||||
<IndexJobActions details={props.details} />
|
<p className="font-semibold text-black dark:text-white tracking-wider">
|
||||||
|
Delivery Detail:{" "}
|
||||||
|
</p>
|
||||||
|
<p className="p-2 ml-8">
|
||||||
|
{props?.details && props.details.job_description}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="my-2 lg:my-0">
|
||||||
|
<IndexJobActions details={props.details} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* job details */}
|
{/* job details */}
|
||||||
<div className="w-full md:w-[200px]">
|
<div className="w-full md:w-[200px]">
|
||||||
<p className="text-base text-sky-blue">Delivery Detail</p>
|
{/* <p className="text-base text-sky-blue">Delivery Detail</p> */}
|
||||||
{passDue ? (
|
{passDue ? (
|
||||||
<div className="my-1">
|
<div className="my-1">
|
||||||
<p className="text-base text-slate-700">
|
<p className="text-base text-slate-700">
|
||||||
@@ -375,7 +385,7 @@ function ActiveJobsMedia(props) {
|
|||||||
|
|
||||||
<div className="my-1 text-base text-slate-700 tracking-wide flex items-center gap-3">
|
<div className="my-1 text-base text-slate-700 tracking-wide flex items-center gap-3">
|
||||||
<span className="font-semibold text-black dark:text-white">
|
<span className="font-semibold text-black dark:text-white">
|
||||||
Price:{" "}
|
Reward:{" "}
|
||||||
</span>
|
</span>
|
||||||
<span className="">{thePrice}</span>
|
<span className="">{thePrice}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -389,14 +399,14 @@ function ActiveJobsMedia(props) {
|
|||||||
day(s)
|
day(s)
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="my-1 text-base text-slate-700 tracking-wide flex items-center gap-3">
|
{/* <div className="my-1 text-base text-slate-700 tracking-wide flex items-center gap-3">
|
||||||
<span className="font-semibold text-black dark:text-white">
|
<span className="font-semibold text-black dark:text-white">
|
||||||
No:{" "}
|
No:{" "}
|
||||||
</span>
|
</span>
|
||||||
<span className="">
|
<span className="">
|
||||||
{props.details?.contract && props.details.contract}
|
{props.details?.contract && props.details.contract}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
{/* end of job details */}
|
{/* end of job details */}
|
||||||
</div>
|
</div>
|
||||||
@@ -432,7 +442,7 @@ function ActiveJobsMedia(props) {
|
|||||||
</div>
|
</div>
|
||||||
{tab == "message" ? (
|
{tab == "message" ? (
|
||||||
<textarea
|
<textarea
|
||||||
className="p-4 w-full h-[150px] text-base text-slate-600 dark:text-white bg-white dark:bg-black border border-[#4687ba] outline-none"
|
className="p-4 w-full h-[150px] text-base text-slate-600 dark:text-white bg-white dark:bg-black border-4 border-[#4687ba] outline-none"
|
||||||
// rows="10"
|
// rows="10"
|
||||||
style={{ resize: "none" }}
|
style={{ resize: "none" }}
|
||||||
name="message"
|
name="message"
|
||||||
@@ -441,7 +451,7 @@ function ActiveJobsMedia(props) {
|
|||||||
autoFocus
|
autoFocus
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="p-4 mb-2 h-[150px] text-base text-slate-600 border border-[#4687ba]">
|
<div className="p-4 mb-2 h-[150px] text-base text-slate-600 border-4 border-[#4687ba]">
|
||||||
<div className="files flex">
|
<div className="files flex">
|
||||||
<label
|
<label
|
||||||
htmlFor="file"
|
htmlFor="file"
|
||||||
@@ -499,8 +509,8 @@ function ActiveJobsMedia(props) {
|
|||||||
{/* End of error or success display */}
|
{/* End of error or success display */}
|
||||||
|
|
||||||
{/* Buttons Sections */}
|
{/* Buttons Sections */}
|
||||||
<div className="py-1 sm:flex sm:justify-end sm:items-center">
|
<div className="py-1 grid grid-cols-1 xxs:grid-cols-3">
|
||||||
<div className="w-full flex justify-center items-center gap-4">
|
<div className="w-full col-span-3 col-start-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center gap-4">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={handleClearAll}
|
onClick={handleClearAll}
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ function CurrentTaskAction({jobDetails}) {
|
|||||||
<div className="w-full text-sm text-left text-gray-500">
|
<div className="w-full text-sm text-left text-gray-500">
|
||||||
{jobDetails.job_type == 'MEDIA' ?
|
{jobDetails.job_type == 'MEDIA' ?
|
||||||
<div className="flex justify-center items-center">
|
<div className="flex justify-center items-center">
|
||||||
<button onClick={popUpHandler} type="button" className="custom-btn btn-gradient text-white">
|
<button onClick={popUpHandler} type="button" className="btn-gradient text-white p-1 lg:p-2 border-4 border-slate-300 text-lg lg:text-xl font-medium rounded-2xl">
|
||||||
I have completed this task
|
I have completed this task
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -588,26 +588,28 @@ function AddFundDollars(props) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="modal-footer-wrapper flex justify-end items-center gap-2">
|
<div className="modal-footer-wrapper grid grid-cols-1 xxs:grid-cols-3">
|
||||||
<button
|
<div className="w-full col-span-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center">
|
||||||
className="custom-btn bg-[#f5a430] text-black text-base"
|
<button
|
||||||
onClick={handleClose}
|
className="custom-btn bg-[#f5a430] text-black text-base"
|
||||||
>
|
onClick={handleClose}
|
||||||
Cancel
|
>
|
||||||
</button>
|
Cancel
|
||||||
<button
|
</button>
|
||||||
type="submit"
|
<button
|
||||||
className="custom-btn btn-gradient text-base text-white"
|
type="submit"
|
||||||
>
|
className="custom-btn btn-gradient text-base text-white"
|
||||||
{loadingState ? (
|
>
|
||||||
<LoadingSpinner size="6" color="sky-blue" />
|
{loadingState ? (
|
||||||
) : (
|
<LoadingSpinner size="6" color="sky-blue" />
|
||||||
<>
|
) : (
|
||||||
<span className="text-white">Continue</span>{" "}
|
<>
|
||||||
<Icons name="chevron-right" />
|
<span className="text-white">Continue</span>{" "}
|
||||||
</>
|
<Icons name="chevron-right" />
|
||||||
)}
|
</>
|
||||||
</button>
|
)}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Form>
|
</Form>
|
||||||
);
|
);
|
||||||
@@ -620,25 +622,27 @@ function AddFundDollars(props) {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{selectedOption == "previous" && (
|
{selectedOption == "previous" && (
|
||||||
<div className="modal-footer-wrapper flex justify-end items-center gap-2">
|
<div className="modal-footer-wrapper grid grid-cols-1 xxs:grid-cols-3">
|
||||||
<button
|
<div className="w-full col-span-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center">
|
||||||
className="custom-btn bg-[#f5a430] text-black text-base"
|
<button
|
||||||
onClick={props.onClose}
|
className="custom-btn bg-[#f5a430] text-black text-base"
|
||||||
>
|
onClick={props.onClose}
|
||||||
Cancel
|
>
|
||||||
</button>
|
Cancel
|
||||||
<button
|
</button>
|
||||||
onClick={handleSubmit}
|
<button
|
||||||
name="previous"
|
onClick={handleSubmit}
|
||||||
type="button"
|
name="previous"
|
||||||
className="custom-btn btn-gradient text-base text-white"
|
type="button"
|
||||||
>
|
className="custom-btn btn-gradient text-base text-white"
|
||||||
{loadingState ? (
|
>
|
||||||
<LoadingSpinner size="6" color="sky-blue" />
|
{loadingState ? (
|
||||||
) : (
|
<LoadingSpinner size="6" color="sky-blue" />
|
||||||
<span className="text-white">Continue</span>
|
) : (
|
||||||
)}
|
<span className="text-white">Continue</span>
|
||||||
</button>
|
)}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
|
|||||||
@@ -171,27 +171,29 @@ function AddFundPop({
|
|||||||
{countryWallet == "NG" && <div className="h-[19rem]"></div>}
|
{countryWallet == "NG" && <div className="h-[19rem]"></div>}
|
||||||
|
|
||||||
{countryWallet == "NG" && (
|
{countryWallet == "NG" && (
|
||||||
<div className="modal-footer-wrapper flex justify-end items-center py-4 gap-4">
|
<div className="modal-footer-wrapper grid grid-cols-1 xxs:grid-cols-3">
|
||||||
<button
|
<div className="w-full col-span-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center">
|
||||||
className="custom-btn bg-[#f5a430] text-black text-base"
|
<button
|
||||||
onClick={onClose}
|
className="custom-btn bg-[#f5a430] text-black text-base"
|
||||||
>
|
onClick={onClose}
|
||||||
Cancel
|
>
|
||||||
</button>
|
Cancel
|
||||||
<button
|
</button>
|
||||||
onClick={handleSubmit}
|
<button
|
||||||
type="button"
|
onClick={handleSubmit}
|
||||||
className="custom-btn btn-gradient text-base text-white"
|
type="button"
|
||||||
>
|
className="custom-btn btn-gradient text-base text-white"
|
||||||
{__awaitComponent.loader ? (
|
>
|
||||||
<LoadingSpinner size="6" color="sky-blue" />
|
{__awaitComponent.loader ? (
|
||||||
) : (
|
<LoadingSpinner size="6" color="sky-blue" />
|
||||||
<>
|
) : (
|
||||||
<span className="text-white">Continue</span>{" "}
|
<>
|
||||||
<Icons name="chevron-right" />
|
<span className="text-white">Continue</span>{" "}
|
||||||
</>
|
<Icons name="chevron-right" />
|
||||||
)}
|
</>
|
||||||
</button>
|
)}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -424,35 +424,37 @@ function ConfirmAddFund({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="modal-footer-wrapper flex justify-end items-center gap-4">
|
<div className="modal-footer-wrapper grid grid-cols-1 xxs:grid-cols-3">
|
||||||
<button
|
<div className="w-full col-span-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center">
|
||||||
className="custom-btn bg-[#f5a430] text-black text-base"
|
|
||||||
onClick={getBack}
|
|
||||||
>
|
|
||||||
Back
|
|
||||||
</button>
|
|
||||||
{__confirmCountry === "US" && (
|
|
||||||
<button
|
<button
|
||||||
className="custom-btn btn-gradient text-white text-base"
|
className="custom-btn bg-[#f5a430] text-black text-base"
|
||||||
onClick={
|
onClick={getBack}
|
||||||
__confirmData?.cardType === "prev"
|
|
||||||
? handlePrevCard
|
|
||||||
: handleNewCard
|
|
||||||
}
|
|
||||||
>
|
>
|
||||||
{confirmCredit?.show?.acceptConfirm?.loader ? (
|
Back
|
||||||
<LoadingSpinner size="6" color="sky-blue" />
|
|
||||||
) : (
|
|
||||||
"Proceed"
|
|
||||||
)}
|
|
||||||
</button>
|
</button>
|
||||||
)}
|
{__confirmCountry === "US" && (
|
||||||
{__confirmCountry === "NG" && (
|
<button
|
||||||
<FlutterWaveButton
|
className="custom-btn btn-gradient text-white text-base"
|
||||||
{...fwConfig}
|
onClick={
|
||||||
className="px-2 py-1 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
|
__confirmData?.cardType === "prev"
|
||||||
/>
|
? handlePrevCard
|
||||||
)}
|
: handleNewCard
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{confirmCredit?.show?.acceptConfirm?.loader ? (
|
||||||
|
<LoadingSpinner size="6" color="sky-blue" />
|
||||||
|
) : (
|
||||||
|
"Proceed"
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
{__confirmCountry === "NG" && (
|
||||||
|
<FlutterWaveButton
|
||||||
|
{...fwConfig}
|
||||||
|
className="px-2 py-1 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -387,37 +387,39 @@ function ConfirmNairaWithdraw({
|
|||||||
>
|
>
|
||||||
{requestStatus.message && requestStatus.message}
|
{requestStatus.message && requestStatus.message}
|
||||||
</p>
|
</p>
|
||||||
<div className="modal-footer-wrapper flex justify-end items-center gap-2">
|
<div className="modal-footer-wrapper grid grid-cols-1 xxs:grid-cols-3">
|
||||||
{!completeNairaWithdraw.show && (
|
<div className="w-full col-span-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center">
|
||||||
<button
|
{!completeNairaWithdraw.show && (
|
||||||
type="button"
|
<button
|
||||||
onClick={action}
|
type="button"
|
||||||
className="custom-btn bg-[#f5a430] text-black text-base"
|
onClick={action}
|
||||||
>
|
className="custom-btn bg-[#f5a430] text-black text-base"
|
||||||
Cancel
|
>
|
||||||
</button>
|
Cancel
|
||||||
)}
|
</button>
|
||||||
|
|
||||||
<button
|
|
||||||
onClick={
|
|
||||||
completeNairaWithdraw.show
|
|
||||||
? action
|
|
||||||
: completeNairaWithdraw?.state?.internal_return < 0
|
|
||||||
? action
|
|
||||||
: handleSubmit
|
|
||||||
}
|
|
||||||
className="custom-btn btn-gradient text-base text-white"
|
|
||||||
>
|
|
||||||
{requestStatus.loading ? (
|
|
||||||
<LoadingSpinner size="6" color="sky-blue" />
|
|
||||||
) : completeNairaWithdraw.show ? (
|
|
||||||
"Okay"
|
|
||||||
) : completeNairaWithdraw?.state?.internal_return < 0 ? (
|
|
||||||
"Cancel"
|
|
||||||
) : (
|
|
||||||
"Transfer"
|
|
||||||
)}
|
)}
|
||||||
</button>
|
|
||||||
|
<button
|
||||||
|
onClick={
|
||||||
|
completeNairaWithdraw.show
|
||||||
|
? action
|
||||||
|
: completeNairaWithdraw?.state?.internal_return < 0
|
||||||
|
? action
|
||||||
|
: handleSubmit
|
||||||
|
}
|
||||||
|
className="custom-btn btn-gradient text-base text-white"
|
||||||
|
>
|
||||||
|
{requestStatus.loading ? (
|
||||||
|
<LoadingSpinner size="6" color="sky-blue" />
|
||||||
|
) : completeNairaWithdraw.show ? (
|
||||||
|
"Okay"
|
||||||
|
) : completeNairaWithdraw?.state?.internal_return < 0 ? (
|
||||||
|
"Cancel"
|
||||||
|
) : (
|
||||||
|
"Transfer"
|
||||||
|
)}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -794,30 +794,32 @@ function NairaWithdraw({
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="modal-footer-wrapper flex justify-end items-center gap-2 py-4">
|
<div className="modal-footer-wrapper grid grid-cols-1 xxs:grid-cols-3">
|
||||||
<button
|
<div className="w-full col-span-1 xxs:col-span-2 xxs:col-start-2 flex justify-between items-center">
|
||||||
type="button"
|
<button
|
||||||
onClick={action}
|
type="button"
|
||||||
className="custom-btn bg-[#f5a430] text-black text-base"
|
onClick={action}
|
||||||
>
|
className="custom-btn bg-[#f5a430] text-black text-base"
|
||||||
Cancel
|
>
|
||||||
</button>
|
Cancel
|
||||||
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
type="submit"
|
type="submit"
|
||||||
disabled={
|
disabled={
|
||||||
props.isSubmitting || sendMoneyFee.loading
|
props.isSubmitting || sendMoneyFee.loading
|
||||||
? true
|
? true
|
||||||
: false
|
: false
|
||||||
}
|
}
|
||||||
className="custom-btn btn-gradient text-base text-white"
|
className="custom-btn btn-gradient text-base text-white"
|
||||||
>
|
>
|
||||||
{requestStatus ? (
|
{requestStatus ? (
|
||||||
<LoadingSpinner size="6" color="sky-blue" />
|
<LoadingSpinner size="6" color="sky-blue" />
|
||||||
) : (
|
) : (
|
||||||
"Continue"
|
"Continue"
|
||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Form>
|
</Form>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -110,7 +110,7 @@ export default function MediaHeader({ logoutModalHandler, sidebarHandler, backpa
|
|||||||
<>
|
<>
|
||||||
<div className="header-wrapper backdrop-blur-sm bg-[#efedfe5e]/60 dark:bg-transparent w-full h-full flex items-center xl:px-0 md:px-10 px-5">
|
<div className="header-wrapper backdrop-blur-sm bg-[#efedfe5e]/60 dark:bg-transparent w-full h-full flex items-center xl:px-0 md:px-10 px-5">
|
||||||
<div className="flex justify-between items-center w-full">
|
<div className="flex justify-between items-center w-full">
|
||||||
<button
|
{/* <button
|
||||||
className="xl:hidden block mr-10"
|
className="xl:hidden block mr-10"
|
||||||
type="button"
|
type="button"
|
||||||
onClick={sidebarHandler}
|
onClick={sidebarHandler}
|
||||||
@@ -157,15 +157,15 @@ export default function MediaHeader({ logoutModalHandler, sidebarHandler, backpa
|
|||||||
</linearGradient>
|
</linearGradient>
|
||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button> */}
|
||||||
|
|
||||||
<div className="search-bar xl:hidden justify-center items-center w-[376px]">
|
{/* Home */}
|
||||||
{/* Home */}
|
{/* <div className="search-bar xl:hidden justify-center items-center w-[376px]">
|
||||||
<HomeButton />
|
<HomeButton />
|
||||||
</div>
|
</div> */}
|
||||||
|
|
||||||
{/* Back BTN AND TITLE */}
|
{/* Back BTN AND TITLE */}
|
||||||
{/* <div className="pl-4 w-full flex justify-start gap-3 items-center">
|
<div className="pl-4 w-full flex justify-start gap-3 items-center">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="min-w-[35px] h-auto text-[#374557] border border-sky-blue p-1 rounded-full"
|
className="min-w-[35px] h-auto text-[#374557] border border-sky-blue p-1 rounded-full"
|
||||||
@@ -199,10 +199,10 @@ export default function MediaHeader({ logoutModalHandler, sidebarHandler, backpa
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1 className="text-base md:text-[20px] font-bold text-dark-gray dark:text-white tracking-wide">
|
<h1 className="text-base md:text-[20px] font-bold text-dark-gray dark:text-white tracking-wide line-clamp-1">
|
||||||
{title && title}
|
{title && title}
|
||||||
</h1>
|
</h1>
|
||||||
</div> */}
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{/* user info */}
|
{/* user info */}
|
||||||
|
|||||||
Reference in New Issue
Block a user