Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
804a9cf692 | ||
 tolik
|
b911f65535 | ||
|
tolik
|
ebedcdafcf | ||
|
DESKTOP-GBA0BK8\Admin
|
ddfbba02e4 | ||
|
DESKTOP-GBA0BK8\Admin
|
158fe344f6 | ||
|
DESKTOP-GBA0BK8\Admin
|
bd3aaa6c44 | ||
|
DESKTOP-GBA0BK8\Admin
|
30f3662772 | ||
 ameye
|
bc3a77aa8e | ||
|
Ebube
|
6c8a087196 | ||
|
Ebube
|
80a3a4578b | ||
|
ameye
|
775607b619 |
@@ -0,0 +1,15 @@
|
|||||||
|
# Set the default behavior, in case people don't have core.autocrlf set.
|
||||||
|
* text=auto
|
||||||
|
|
||||||
|
# Explicitly declare text files you want to always be normalized and converted
|
||||||
|
# to native line endings on checkout.
|
||||||
|
*.jsx text
|
||||||
|
*.js text
|
||||||
|
*.css text
|
||||||
|
|
||||||
|
# Declare files that will always have CRLF line endings on checkout.
|
||||||
|
*.md text eol=crlf
|
||||||
|
|
||||||
|
# Denote all files that are truly binary and should not be modified.
|
||||||
|
*.sh binary
|
||||||
|
|
||||||
@@ -6,12 +6,15 @@ export NODE_ENV="${NODE_ENV:-development}"
|
|||||||
|
|
||||||
if [ $NODE_ENV == "development" ]; then
|
if [ $NODE_ENV == "development" ]; then
|
||||||
# this runs webpack-dev-server with hot reloading
|
# this runs webpack-dev-server with hot reloading
|
||||||
|
echo "Development build"
|
||||||
npm install --legacy-peer-deps
|
npm install --legacy-peer-deps
|
||||||
npm start
|
npm start
|
||||||
else
|
else
|
||||||
# build the app and serve it via nginx
|
# build the app and serve it via nginx
|
||||||
|
echo "Production build"
|
||||||
npm install --legacy-peer-deps
|
npm install --legacy-peer-deps
|
||||||
npm run build
|
npm run build
|
||||||
nginx -g 'daemon off;' -c /usr/src/app/nginx.conf
|
nginx -g 'daemon off;' -c /usr/src/app/nginx.conf
|
||||||
nginx -c /usr/src/app/nginx.conf
|
nginx -c /usr/src/app/nginx.conf
|
||||||
fi
|
fi
|
||||||
|
|
||||||
|
|||||||
@@ -72,6 +72,7 @@ export default function Routers() {
|
|||||||
<Route exact path="/notification" element={<Notification />} />
|
<Route exact path="/notification" element={<Notification />} />
|
||||||
<Route exact path="/mytask" element={<MyTaskPage />} />
|
<Route exact path="/mytask" element={<MyTaskPage />} />
|
||||||
<Route exact path="/myjobs" element={<MyJobsPage />} />
|
<Route exact path="/myjobs" element={<MyJobsPage />} />
|
||||||
|
<Route exact path="/my-active-jobs" element={<MyJobsPage />} />
|
||||||
<Route
|
<Route
|
||||||
exact
|
exact
|
||||||
path="/my-collection/collection-item"
|
path="/my-collection/collection-item"
|
||||||
|
|||||||
@@ -1,24 +1,35 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import loginThumb from "../../assets/images/auth-thumb.svg";
|
import { Link } from "react-router-dom";
|
||||||
import logo from "../../assets/images/wrenchboard.png"; //logo-1.svg";
|
|
||||||
|
|
||||||
export default function LoginLayout({ slogan, children }) {
|
export default function LoginLayout({ slogan, children }) {
|
||||||
const checkScreenHeight = window.screen.height;
|
|
||||||
let screen = "";
|
|
||||||
if (checkScreenHeight <= 950) {
|
|
||||||
screen = "h-screen";
|
|
||||||
// screen = "h-[950px]";
|
|
||||||
} else {
|
|
||||||
screen = "h-screen";
|
|
||||||
}
|
|
||||||
return (
|
return (
|
||||||
<div className="layout-wrapper login">
|
<div className={`layout-wrapper login`}>
|
||||||
<div className={`main-wrapper login-wrapper w-full ${screen}`}>
|
<div className={`main-wrapper login-wrapper w-full h-screen overflow-y-auto sm:p-20 p-10`}>
|
||||||
<div className="flex w-full h-full">
|
<div className="w-full h-full">
|
||||||
|
|
||||||
<div className="flex-1 flex justify-center items-center">
|
<div className="flex-1 flex justify-center items-center">
|
||||||
{children && children}
|
{children && children}
|
||||||
</div>
|
</div>
|
||||||
|
<div className="flex-1 flex justify-center items-center p-10">
|
||||||
|
<div className="flex items-center">
|
||||||
|
<Link to="#" className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]">
|
||||||
|
About
|
||||||
|
</Link>
|
||||||
|
<Link to="#" className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]">
|
||||||
|
Services
|
||||||
|
</Link>
|
||||||
|
<Link to="#" className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]">
|
||||||
|
Contact Us
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex-1 flex justify-center items-center p-10">
|
||||||
|
<p className="text-black text-[15px] px-2 font-medium flex items-center">
|
||||||
|
<span className="text-3xl mt-2 mr-1">©</span> 2023 - {" "}
|
||||||
|
<Link to="/" className="text-[#009ef7] ml-1">
|
||||||
|
WrenchBoard
|
||||||
|
</Link>{" "}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -277,6 +277,27 @@ export default function SignUp() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div className="flex-1 flex justify-center items-center p-10">
|
||||||
|
<div className="flex items-center">
|
||||||
|
<Link to="#" className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]">
|
||||||
|
About
|
||||||
|
</Link>
|
||||||
|
<Link to="#" className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]">
|
||||||
|
Services
|
||||||
|
</Link>
|
||||||
|
<Link to="#" className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]">
|
||||||
|
Contact Us
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="flex-1 flex justify-center items-center p-10">
|
||||||
|
<p className="text-black text-[15px] px-2 font-medium flex items-center">
|
||||||
|
<span className="text-3xl mt-2 mr-1">©</span> 2023 - {" "}
|
||||||
|
<Link to="/" className="text-[#009ef7] ml-1">
|
||||||
|
WrenchBoard
|
||||||
|
</Link>{" "}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -57,6 +57,7 @@ export default function MyJobTable({MyJobList, className }) {
|
|||||||
</h1>
|
</h1>
|
||||||
<span className="text-sm text-thin-light-gray">
|
<span className="text-sm text-thin-light-gray">
|
||||||
Price <span className="text-purple">{value.price*0.01}</span>
|
Price <span className="text-purple">{value.price*0.01}</span>
|
||||||
|
{value.timeline_days} day(s)
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -125,8 +125,8 @@ function TransferFund({payment, wallet}) {
|
|||||||
inputHandler={props.handleChange}
|
inputHandler={props.handleChange}
|
||||||
blurHandler={(e)=>{
|
blurHandler={(e)=>{
|
||||||
getSendMoneyFee(e)
|
getSendMoneyFee(e)
|
||||||
props.handleBlur
|
|
||||||
}}
|
}}
|
||||||
|
// props.handleBlur
|
||||||
// onMouseLeave={(e)=>{getSendMoneyFee(e)}}
|
// onMouseLeave={(e)=>{getSendMoneyFee(e)}}
|
||||||
/>
|
/>
|
||||||
{(props.errors.amount && props.touched.amount) && <p className="text-sm text-red-500">{props.errors.amount}</p>}
|
{(props.errors.amount && props.touched.amount) && <p className="text-sm text-red-500">{props.errors.amount}</p>}
|
||||||
|
|||||||
@@ -12,6 +12,7 @@ import EthIco from "../Helpers/Icons/EthIco";
|
|||||||
import LtcIco from "../Helpers/Icons/LtcIco";
|
import LtcIco from "../Helpers/Icons/LtcIco";
|
||||||
import Usdt from "../Helpers/Icons/Usdt";
|
import Usdt from "../Helpers/Icons/Usdt";
|
||||||
import SelectBox from "../Helpers/SelectBox";
|
import SelectBox from "../Helpers/SelectBox";
|
||||||
|
import { NavLink } from "react-router-dom";
|
||||||
|
|
||||||
export default function RightSideBar() {
|
export default function RightSideBar() {
|
||||||
const filterDatas = ["Last 15 days", "Last Month", "Last 6 month"];
|
const filterDatas = ["Last 15 days", "Last Month", "Last 6 month"];
|
||||||
@@ -108,7 +109,10 @@ export default function RightSideBar() {
|
|||||||
{/* name */}
|
{/* name */}
|
||||||
<div>
|
<div>
|
||||||
<p className="text-thin-light-gray text-base font-medium">
|
<p className="text-thin-light-gray text-base font-medium">
|
||||||
Rarible
|
<NavLink
|
||||||
|
to="/history">
|
||||||
|
History
|
||||||
|
</NavLink>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
{/* action */}
|
{/* action */}
|
||||||
@@ -152,7 +156,8 @@ export default function RightSideBar() {
|
|||||||
{/* name */}
|
{/* name */}
|
||||||
<div>
|
<div>
|
||||||
<p className="text-thin-light-gray text-base font-medium">
|
<p className="text-thin-light-gray text-base font-medium">
|
||||||
Myth Market
|
<NavLink
|
||||||
|
to="/referral">Refer a Friend</NavLink>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -186,7 +191,10 @@ export default function RightSideBar() {
|
|||||||
{/* name */}
|
{/* name */}
|
||||||
<div>
|
<div>
|
||||||
<p className="text-thin-light-gray text-base font-medium">
|
<p className="text-thin-light-gray text-base font-medium">
|
||||||
KnownOrigin
|
<NavLink
|
||||||
|
to="/resources">
|
||||||
|
Resources
|
||||||
|
</NavLink>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+101
-101
@@ -156,108 +156,108 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
|
|||||||
</span>
|
</span>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
</li>
|
</li>
|
||||||
<li className="item group">
|
{/*<li className="item group">*/}
|
||||||
<NavLink
|
{/* <NavLink*/}
|
||||||
to="/notification"
|
{/* to="/notification"*/}
|
||||||
className={`nav-item flex items-center ${
|
{/* className={`nav-item flex items-center ${*/}
|
||||||
((navData) => (navData.isActive ? "active" : ""),
|
{/* ((navData) => (navData.isActive ? "active" : ""),*/}
|
||||||
sidebar ? "justify-start space-x-3.5" : "justify-center")
|
{/* sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
|
{/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
|
||||||
<Icons name="notification-setting" />
|
{/* <Icons name="notification-setting" />*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
<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-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${*/}
|
||||||
sidebar ? "active flex-1" : "w-0"
|
{/* sidebar ? "active flex-1" : "w-0"*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
Messages
|
{/* Messages*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
</NavLink>
|
{/* </NavLink>*/}
|
||||||
</li>
|
{/*</li>*/}
|
||||||
<li className="item group">
|
{/*<li className="item group">*/}
|
||||||
<NavLink
|
{/* <NavLink*/}
|
||||||
to="/my-wallet"
|
{/* to="/my-wallet"*/}
|
||||||
className={`nav-item flex items-center ${
|
{/* className={`nav-item flex items-center ${*/}
|
||||||
((navData) => (navData.isActive ? "active" : ""),
|
{/* ((navData) => (navData.isActive ? "active" : ""),*/}
|
||||||
sidebar ? "justify-start space-x-3.5" : "justify-center")
|
{/* sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
|
{/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
|
||||||
<Icons name="wallet-two" />
|
{/* <Icons name="wallet-two" />*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
<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-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${*/}
|
||||||
sidebar ? "active flex-1" : "w-0"
|
{/* sidebar ? "active flex-1" : "w-0"*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
My Wallet
|
{/* My Wallet*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
</NavLink>
|
{/* </NavLink>*/}
|
||||||
</li>
|
{/*</li>*/}
|
||||||
<li className="item group">
|
{/*<li className="item group">*/}
|
||||||
<NavLink
|
{/* <NavLink*/}
|
||||||
to="/resources"
|
{/* to="/resources"*/}
|
||||||
className={`nav-item flex items-center ${
|
{/* className={`nav-item flex items-center ${*/}
|
||||||
((navData) => (navData.isActive ? "active" : ""),
|
{/* ((navData) => (navData.isActive ? "active" : ""),*/}
|
||||||
sidebar ? "justify-start space-x-3.5" : "justify-center")
|
{/* sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
|
{/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
|
||||||
<Icons name="star" />
|
{/* <Icons name="star" />*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
<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-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
|
||||||
sidebar ? "active flex-1" : "w-0"
|
{/* sidebar ? "active flex-1" : "w-0"*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
Resources
|
{/* Resources*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
</NavLink>
|
{/* </NavLink>*/}
|
||||||
</li>
|
{/*</li>*/}
|
||||||
|
|
||||||
<li className="item group">
|
{/*<li className="item group">*/}
|
||||||
<NavLink
|
{/* <NavLink*/}
|
||||||
to="/history"
|
{/* to="/history"*/}
|
||||||
className={`nav-item flex items-center ${
|
{/* className={`nav-item flex items-center ${*/}
|
||||||
((navData) => (navData.isActive ? "active" : ""),
|
{/* ((navData) => (navData.isActive ? "active" : ""),*/}
|
||||||
sidebar ? "justify-start space-x-3.5" : "justify-center")
|
{/* sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
|
{/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
|
||||||
<Icons name="history" />
|
{/* <Icons name="history" />*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
<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-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
|
||||||
sidebar ? "active flex-1" : "w-0"
|
{/* sidebar ? "active flex-1" : "w-0"*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
History
|
{/* History*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
</NavLink>
|
{/* </NavLink>*/}
|
||||||
</li>
|
{/*</li>*/}
|
||||||
|
|
||||||
<li className="item group">
|
{/*<li className="item group">*/}
|
||||||
<NavLink
|
{/* <NavLink*/}
|
||||||
to="/referral"
|
{/* to="/referral"*/}
|
||||||
className={`nav-item flex items-center ${
|
{/* className={`nav-item flex items-center ${*/}
|
||||||
((navData) => (navData.isActive ? "active" : ""),
|
{/* ((navData) => (navData.isActive ? "active" : ""),*/}
|
||||||
sidebar ? "justify-start space-x-3.5" : "justify-center")
|
{/* sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
<span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
|
{/* <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out bg-light-purple dark:bg-dark-light-purple rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
|
||||||
<Icons name="history" />
|
{/* <Icons name="history" />*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
<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-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
|
||||||
sidebar ? "active flex-1" : "w-0"
|
{/* sidebar ? "active flex-1" : "w-0"*/}
|
||||||
}`}
|
{/* }`}*/}
|
||||||
>
|
{/* >*/}
|
||||||
Refer a Friend
|
{/* Refer a Friend*/}
|
||||||
</span>
|
{/* </span>*/}
|
||||||
</NavLink>
|
{/* </NavLink>*/}
|
||||||
</li>
|
{/*</li>*/}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -290,7 +290,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
|
|||||||
</li>
|
</li>
|
||||||
<li className="item group">
|
<li className="item group">
|
||||||
<NavLink
|
<NavLink
|
||||||
to="/market"
|
to="/my-active-jobs"
|
||||||
className={`nav-item flex items-center ${
|
className={`nav-item flex items-center ${
|
||||||
((navData) => (navData.isActive ? "active" : ""),
|
((navData) => (navData.isActive ? "active" : ""),
|
||||||
sidebar ? "justify-start space-x-3.5" : "justify-center")
|
sidebar ? "justify-start space-x-3.5" : "justify-center")
|
||||||
|
|||||||
@@ -40,6 +40,10 @@ export default function Settings() {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
|
name: "privacy",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
name: "terms",
|
name: "terms",
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
@@ -191,6 +195,23 @@ export default function Settings() {
|
|||||||
<p className="text-18 tracking-wide">FAQ</p>
|
<p className="text-18 tracking-wide">FAQ</p>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
<li
|
||||||
|
onClick={() => tabHandler("terms")}
|
||||||
|
className={`flex lg:space-x-4 space-x-2 hover:text-purple transition-all duration-300 ease-in-out items-center cursor-pointer lg:mb-11 mb-2 mr-6 lg:mr-0 float-left lg:float-none overflow-hidden ${
|
||||||
|
tab === "privacy"
|
||||||
|
? "text-purple"
|
||||||
|
: " text-thin-light-gray"
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<Icons name="page-right" />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p className="text-18 tracking-wide">
|
||||||
|
Privacy Policy
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
<li
|
<li
|
||||||
onClick={() => tabHandler("terms")}
|
onClick={() => tabHandler("terms")}
|
||||||
className={`flex lg:space-x-4 space-x-2 hover:text-purple transition-all duration-300 ease-in-out items-center cursor-pointer lg:mb-11 mb-2 mr-6 lg:mr-0 float-left lg:float-none overflow-hidden ${
|
className={`flex lg:space-x-4 space-x-2 hover:text-purple transition-all duration-300 ease-in-out items-center cursor-pointer lg:mb-11 mb-2 mr-6 lg:mr-0 float-left lg:float-none overflow-hidden ${
|
||||||
|
|||||||
Reference in New Issue
Block a user