fix wallets
This commit is contained in:
@@ -47,7 +47,7 @@ export default function FamilyActiveLSlde({ className, trending }) {
|
|||||||
<div>
|
<div>
|
||||||
<h1 className="text-26 font-bold text-dark-gray dark:text-white">Current Tasks</h1>
|
<h1 className="text-26 font-bold text-dark-gray dark:text-white">Current Tasks</h1>
|
||||||
</div>
|
</div>
|
||||||
<div className="slider-btns flex space-x-4">
|
<div className="slider-btns flex space-x-3">
|
||||||
<button onClick={nextHandler} type="button">
|
<button onClick={nextHandler} type="button">
|
||||||
<div className="trending-slider-left-btn relative text-white w-10 h-10 flex justify-center items-center rounded-full overflow-hidden">
|
<div className="trending-slider-left-btn relative text-white w-10 h-10 flex justify-center items-center rounded-full overflow-hidden">
|
||||||
<svg
|
<svg
|
||||||
|
|||||||
@@ -1,14 +1,6 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import datas from "../../data/product_data.json";
|
import datas from "../../data/product_data.json";
|
||||||
import Layout from "../Partials/Layout";
|
import Layout from "../Partials/Layout";
|
||||||
import CreateNft from "./CreateNft";
|
|
||||||
import Hero from "./Hero";
|
|
||||||
import SellHistoryMarketVisitorAnalytic from "./SellHistoryMarketVisitorAnalytic";
|
|
||||||
import TopSellerTopBuyerSliderSection from "./TopSellerTopBuyerSliderSection";
|
|
||||||
import TrendingSection from "./TrendingSection";
|
|
||||||
import UpdateTable from "./UpdateTable";
|
|
||||||
import HomeTaskDisplay from "./HomeTaskDisplay";
|
|
||||||
import UsersService from "../../services/UsersService";
|
|
||||||
import usersService from "../../services/UsersService";
|
import usersService from "../../services/UsersService";
|
||||||
import { useSelector } from "react-redux";
|
import { useSelector } from "react-redux";
|
||||||
import FamilyDash from "./FamilyDash";
|
import FamilyDash from "./FamilyDash";
|
||||||
@@ -19,12 +11,10 @@ export default function Home(props) {
|
|||||||
|
|
||||||
console.log("PROPS IN HOME->",props);
|
console.log("PROPS IN HOME->",props);
|
||||||
|
|
||||||
const trending = datas.datas;
|
// const trending = datas.datas;
|
||||||
const jobData = datas.datas; // api calls or cache
|
// const jobData = datas.datas; // api calls or cache
|
||||||
//getHomeDate
|
|
||||||
const userApi = new usersService();
|
const userApi = new usersService();
|
||||||
const homeData = userApi.getHomeDate();
|
// const homeData = userApi.getHomeDate();
|
||||||
|
|
||||||
const {userDetails} = useSelector((state) => state?.userDetails)
|
const {userDetails} = useSelector((state) => state?.userDetails)
|
||||||
|
|
||||||
const commonHeadData =()=>{
|
const commonHeadData =()=>{
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ function Balance({wallet, coupon}) {
|
|||||||
<div className="content-wrapper">
|
<div className="content-wrapper">
|
||||||
<div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>
|
<div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>
|
||||||
{/* WALLET SECTION */}
|
{/* WALLET SECTION */}
|
||||||
<div className="lg:w-1/2 w-full mb-10 lg:mb-0">
|
<div className="lg:w-3/4 w-full mb-10 lg:mb-0">
|
||||||
<div className="wallet w-full md:p-8 p-4 h-full bg-white dark:bg-dark-white rounded-2xl shadow">
|
<div className="wallet w-full md:p-8 p-4 h-full bg-white dark:bg-dark-white rounded-2xl shadow">
|
||||||
<div className='flex items-baseline justify-between'>
|
<div className='flex items-baseline justify-between'>
|
||||||
<h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Wallet</h2>
|
<h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Wallet</h2>
|
||||||
@@ -42,9 +42,11 @@ function Balance({wallet, coupon}) {
|
|||||||
<div className='w-full my-2 md:my-0 md:w-1/2 flex space-x-2 items-center justify-start md:justify-end'>
|
<div className='w-full my-2 md:my-0 md:w-1/2 flex space-x-2 items-center justify-start md:justify-end'>
|
||||||
{
|
{
|
||||||
item.action_type != 'AC_AD_FD_ONLY' ?
|
item.action_type != 'AC_AD_FD_ONLY' ?
|
||||||
<Link to='transfer-fund' className='text-base text-white px-3 py-1 bg-purple rounded-md hover:opacity-80'>Transfer</Link>:''
|
<Link to='transfer-fund' 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'>Transfer</Link>:''
|
||||||
}
|
}
|
||||||
<Link to='add-fund' className='text-base text-white px-3 py-1 bg-[orange] rounded-md hover:opacity-80'>Top Up</Link>
|
<Link to='add-fund' 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'>+Add Credit</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
))
|
))
|
||||||
@@ -68,19 +70,25 @@ function Balance({wallet, coupon}) {
|
|||||||
{/* END OF WALLET SECTION */}
|
{/* END OF WALLET SECTION */}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>
|
||||||
|
|
||||||
{/* COUPON SECTION */}
|
{/* COUPON SECTION */}
|
||||||
<div className="lg:w-1/2 w-full mb-10 lg:mb-0">
|
<div className="lg:w-3/4 w-full mb-10 lg:mb-0">
|
||||||
<div className="wallet w-full md:p-8 p-4 h-full max-h-[500px] bg-white dark:bg-dark-white overflow-y-auto rounded-2xl shadow">
|
<div className="wallet w-full md:p-8 p-4 h-full max-h-[500px] bg-white dark:bg-dark-white overflow-y-auto rounded-2xl shadow">
|
||||||
<h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Coupons</h2>
|
<h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Coupons</h2>
|
||||||
{coupon.loading ?
|
{coupon.loading ?
|
||||||
<LoadingSpinner size='16' color='sky-blue' />
|
<LoadingSpinner size='16' color='sky-blue' />
|
||||||
:
|
:
|
||||||
<CouponTable coupon={coupon} />
|
<CouponTable coupon={coupon} />
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* END OF COUPON SECTION */}
|
{/* END OF COUPON SECTION */}
|
||||||
</div>
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user