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

top banner offer list display fixed

Browse Source
This commit was merged in pull request #791.
This commit is contained in:
victorAnumudu
2024-09-25 00:45:54 +01:00
parent a8a090c671
commit f286960bed
4 changed files with 41 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Dashboards/AccountDashboard.jsx
+8 -6
View File
@@ -5,13 +5,15 @@ import OfferJobPopout from '../../components/jobPopout/OfferJobPopout'
import { PriceFormatter } from "../Helpers/PriceFormatter";
import CountDown from '../Helpers/CountDown'
const AccountDashboard = ({ className, bannerList, offersList }) => {
const AccountDashboard = ({ className, bannerList, offersList, imageServer }) => {
let [offerPopout, setOfferPopout] = useState({ show: false, data: {} }); // STATE TO HOLD THE VALUE OF THE ALERT DETAILS AND DETERMINE WHEN TO SHOW
let offersListLength = offersList?.length
// getting the upper three banners for the home layout
const getUpperBanner = bannerList?.filter((value, idx) => idx < 2);
const getLowerBanner = bannerList?.filter((value, idx) => idx >= 2);
const getUpperBanner = bannerList?.filter((value, idx) => idx <= 2 - offersListLength);
const getLowerBanner = bannerList?.filter((value, idx) => !getUpperBanner?.map(item => item?.title)?.includes(value.title));
let getImage = ({ banner_location, banner }) => {
if (banner_location == "LOCAL") {
@@ -33,15 +35,15 @@ const AccountDashboard = ({ className, bannerList, offersList }) => {
{/* OFFER LIST DISPLAY */}
<>
{(offersList && offersList?.result_list?.length > 0) &&
offersList.result_list.map((item, index) => {
{(offersList && offersList?.length > 0) &&
offersList.map((item, index) => {
let thePrice = PriceFormatter(
item?.price * 0.01,
item?.currency_code,
item?.currency
);
let image = `${offersList.session_image_server}${localStorage.getItem("session_token")}/job/${item.job_uid}`
let image = `${imageServer}${localStorage.getItem("session_token")}/job/${item.job_uid}`
return (
<div key={item.id}>
<NewOfferCard datas={item} image={image} price={thePrice} setOfferPopout={setOfferPopout} />