Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
0ff4e5cf1e |
@@ -13,7 +13,7 @@ export default function FamilyDash(props) {
|
||||
return (
|
||||
<div>
|
||||
<div className="home-page-wrapper">
|
||||
<CommonHead commonHeadData={props.commonHeadData} />
|
||||
{/* <CommonHead commonHeadData={props.commonHeadData} /> */}
|
||||
<MyOffersFamilyTable MyActiveOffersList={trending} className="mb-10" />
|
||||
<FamilyActiveLSlde trending={trending} className="mb-10" />
|
||||
{/*<TopSellerTopBuyerSliderSection className="mb-10" />*/}
|
||||
|
||||
@@ -10,27 +10,27 @@ import usersService from "../../services/UsersService";
|
||||
|
||||
|
||||
export default function ParentWaitingTable() {
|
||||
// const transationFilterData = [
|
||||
// {
|
||||
// id: 1,
|
||||
// name: "all",
|
||||
// uniqueId: Math.random(),
|
||||
// },
|
||||
// {
|
||||
// id: 2,
|
||||
// name: "send",
|
||||
// uniqueId: Math.random(),
|
||||
// },
|
||||
// {
|
||||
// id: 3,
|
||||
// name: "recent",
|
||||
// uniqueId: Math.random(),
|
||||
// },
|
||||
// ];
|
||||
// const [filterActive, setValue] = useState(transationFilterData[0].id);
|
||||
// const filterHander = (value) => {
|
||||
// setValue(value);
|
||||
// };
|
||||
const transationFilterData = [
|
||||
{
|
||||
id: 1,
|
||||
name: "all",
|
||||
uniqueId: Math.random(),
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "send",
|
||||
uniqueId: Math.random(),
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "recent",
|
||||
uniqueId: Math.random(),
|
||||
},
|
||||
];
|
||||
const [filterActive, setValue] = useState(transationFilterData[0].id);
|
||||
const filterHander = (value) => {
|
||||
setValue(value);
|
||||
};
|
||||
|
||||
const apiCall = new usersService()
|
||||
|
||||
@@ -93,7 +93,7 @@ export default function ParentWaitingTable() {
|
||||
<img src={transaction1} alt="" className="" />
|
||||
</div>
|
||||
<div className="">
|
||||
<p className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1">
|
||||
<p className="text-lg text-dark-gray dark:text-white font-medium mb-[.5px]">
|
||||
{item.title}
|
||||
</p>
|
||||
|
||||
@@ -102,12 +102,12 @@ export default function ParentWaitingTable() {
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="px-2">
|
||||
<p className="text-sm font-bold text-dark-gray dark:text-white">
|
||||
<div className="">
|
||||
<p className="px-2 text-sm font-bold text-dark-gray dark:text-white">
|
||||
{new Date(item.added).toLocaleString().split(',')[0]}
|
||||
|
||||
{/* {item.added} */}
|
||||
</p>
|
||||
<p className="text-sm text-dark-gray dark:text-white">Status: {item.status}</p>
|
||||
{/* <p className="usd text-base text-light-green text-right"></p> */}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@@ -145,7 +145,7 @@ export default function MyJobTable({ className, ActiveJobList, Account }) {
|
||||
>
|
||||
<div
|
||||
className={`p-2 font-bold text-3xl ${
|
||||
accountType ? "text-white" : "text-sky-blue"
|
||||
accountType ? "text-white" : "text-purple"
|
||||
} whitespace-nowrap`}
|
||||
>
|
||||
You currently have {accountType ? '"0"' : "no"} task
|
||||
|
||||
@@ -26,10 +26,7 @@ export default function MyTasks({
|
||||
|
||||
return (
|
||||
<Layout>
|
||||
{userDetails?.account_type == 'FULL' &&
|
||||
<CommonHead commonHeadData={commonHeadData} />
|
||||
}
|
||||
|
||||
<CommonHead commonHeadData={commonHeadData} />
|
||||
<div className="notification-page w-full mb-10">
|
||||
<div className="notification-wrapper w-full">
|
||||
{/* heading */}
|
||||
|
||||
@@ -14,7 +14,7 @@ export default function WalletHeader(props) {
|
||||
let navigate = useNavigate();
|
||||
return (
|
||||
<>
|
||||
<div className="lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px] items-center rounded-full relative bg-purple pr-1.5 pl-4">
|
||||
<div className="lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px] items-center rounded-full relative bg-sky-blue pr-1.5 pl-4">
|
||||
<div
|
||||
onClick={() => props.handlerBalance()}
|
||||
className="flex items-center lg:justify-between justify-center w-full h-full"
|
||||
|
||||
@@ -487,7 +487,7 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
|
||||
</div>
|
||||
<div className="lg:block hidden">
|
||||
<h1 className="text-xl font-bold text-dark-gray dark:text-white">
|
||||
{`${firstname} ${lastname}`}
|
||||
{firstname}
|
||||
</h1>
|
||||
{userDetails && userDetails?.account_type !== "FAMILY" && <p className="text-sm text-thin-light-gray">@{userEmail}</p>}
|
||||
</div>
|
||||
|
||||
@@ -78,7 +78,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
|
||||
{/* menus item */}
|
||||
<div className="menu-item transition-all duration-300 ease-in-out mb-5">
|
||||
<div className="heading mb-5 active">
|
||||
<h1 className="title text-xl font-bold text-purple">Menu</h1>
|
||||
<h1 className="title text-xl font-bold text-sky-blue">Menu</h1>
|
||||
</div>
|
||||
<div className="items">
|
||||
<ul className="flex flex-col space-y-6">
|
||||
@@ -116,7 +116,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
|
||||
}`}
|
||||
>
|
||||
<div className="heading mb-5">
|
||||
<h1 className="title text-xl font-bold text-purple">
|
||||
<h1 className="title text-xl font-bold text-sky-blue">
|
||||
Family
|
||||
</h1>
|
||||
</div>
|
||||
@@ -142,7 +142,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
|
||||
}`}
|
||||
>
|
||||
<div className="heading mb-5">
|
||||
<h1 className="title text-xl font-bold text-purple">
|
||||
<h1 className="title text-xl font-bold text-sky-blue">
|
||||
Job Post
|
||||
</h1>
|
||||
</div>
|
||||
@@ -162,7 +162,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
|
||||
<Icons name="people-two" />
|
||||
</span>
|
||||
<span
|
||||
className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
|
||||
className={`item-content group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
|
||||
sidebar ? "active flex-1" : "w-0"
|
||||
}`}
|
||||
>
|
||||
@@ -180,7 +180,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
|
||||
}`}
|
||||
>
|
||||
<div className="heading mb-5">
|
||||
<h1 className="title text-xl font-bold text-purple">
|
||||
<h1 className="title text-xl font-bold text-sky-blue">
|
||||
My Jobs
|
||||
</h1>
|
||||
</div>
|
||||
@@ -217,7 +217,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
|
||||
}`}
|
||||
>
|
||||
<div className="heading mb-5">
|
||||
<h1 className="title text-xl font-bold text-purple">
|
||||
<h1 className="title text-xl font-bold text-sky-blue">
|
||||
My Jobs
|
||||
</h1>
|
||||
</div>
|
||||
@@ -242,7 +242,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
|
||||
<button
|
||||
onClick={logoutModalHandler}
|
||||
type="button"
|
||||
className="signout-btn flex items-center space-x-1 p-2.5 w-2/3 h-[52px] bg-purple transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
|
||||
className="signout-btn flex items-center space-x-1 p-2.5 w-2/3 h-[52px] bg-sky-blue transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
|
||||
>
|
||||
<span>
|
||||
<svg
|
||||
@@ -317,7 +317,7 @@ const ListItem = ({ sidebar, route, title, bubble, popup }) => {
|
||||
<Icons name="market" />
|
||||
</span>
|
||||
<span
|
||||
className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
|
||||
className={`item-content relative group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
|
||||
sidebar ? "active flex-1" : "w-0"
|
||||
}`}
|
||||
>
|
||||
|
||||
@@ -104,7 +104,7 @@ export default function Sidebar({
|
||||
}`}
|
||||
>
|
||||
<div className="heading mb-5">
|
||||
<h1 className="title text-xl font-bold text-purple">Menu</h1>
|
||||
<h1 className="title text-xl font-bold text-sky-blue">Menu</h1>
|
||||
</div>
|
||||
<div className="items">
|
||||
<ul className="flex flex-col space-y-6">
|
||||
@@ -143,7 +143,7 @@ export default function Sidebar({
|
||||
}`}
|
||||
>
|
||||
<div className="heading mb-5">
|
||||
<h1 className="title text-xl font-bold text-purple">Family</h1>
|
||||
<h1 className="title text-xl font-bold text-sky-blue">Family</h1>
|
||||
</div>
|
||||
<div className="items">
|
||||
<ul className="flex flex-col space-y-6">
|
||||
@@ -166,7 +166,7 @@ export default function Sidebar({
|
||||
}`}
|
||||
>
|
||||
<div className="heading mb-5">
|
||||
<h1 className="title text-xl font-bold text-purple">
|
||||
<h1 className="title text-xl font-bold text-sky-blue">
|
||||
Job Post
|
||||
</h1>
|
||||
</div>
|
||||
@@ -186,7 +186,7 @@ export default function Sidebar({
|
||||
<Icons name="people-two" />
|
||||
</span>
|
||||
<span
|
||||
className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
|
||||
className={`item-content group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
|
||||
sidebar ? "active flex-1" : "w-0"
|
||||
}`}
|
||||
>
|
||||
@@ -204,7 +204,7 @@ export default function Sidebar({
|
||||
}`}
|
||||
>
|
||||
<div className="heading mb-5">
|
||||
<h1 className="title text-xl font-bold text-purple">
|
||||
<h1 className="title text-xl font-bold text-sky-blue">
|
||||
My Jobs
|
||||
</h1>
|
||||
</div>
|
||||
@@ -245,7 +245,7 @@ export default function Sidebar({
|
||||
}`}
|
||||
>
|
||||
<div className="heading mb-5">
|
||||
<h1 className="title text-xl font-bold text-purple">
|
||||
<h1 className="title text-xl font-bold text-sky-blue">
|
||||
My Jobs
|
||||
</h1>
|
||||
</div>
|
||||
@@ -270,7 +270,7 @@ export default function Sidebar({
|
||||
<button
|
||||
onClick={logoutModalHandler}
|
||||
type="button"
|
||||
className="signout-btn flex items-center space-x-1 p-2.5 w-2/3 h-[52px] bg-purple transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
|
||||
className="signout-btn flex items-center space-x-1 p-2.5 w-2/3 h-[52px] bg-sky-blue transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
|
||||
>
|
||||
<span>
|
||||
<svg
|
||||
@@ -345,7 +345,7 @@ const ListItem = ({ sidebar, route, title, bubble, iconName, popup }) => {
|
||||
<Icons name={iconName} />
|
||||
</span>
|
||||
<span
|
||||
className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
|
||||
className={`item-content relative group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
|
||||
sidebar ? "active flex-1" : "w-0"
|
||||
}`}
|
||||
>
|
||||
|
||||
+1
-1
@@ -17,7 +17,7 @@ module.exports = {
|
||||
"white-opacity": "#7B7EFC",
|
||||
"dark-white":"#1D1F2F",
|
||||
"dark-light-purple":"#5356fb29",
|
||||
'sky-blue': '#3a8fc3'
|
||||
'sky-blue': '#009ef7'
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user