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

Hides family offer section when the list is empty #259

Merged
ameye merged 1 commits from family-offer-hidden into master 2023-07-06 11:48:40 +00:00
Conversation 0 Commits 1 Files Changed 4
+7 -12
4 changed files with 7 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home/FamilyActiveLSlde.jsx
+2 -2
View File
@@ -93,8 +93,8 @@ export default function FamilyActiveLSlde({ className, trending }) {
</div>
</div>
{/* trending products */}
<div className="trending-products relative w-full rounded-2xl p-[10px] bg-alice-blue">
<SliderCom selector={trendingSlider} settings={settings} className='bg-transparent opacity-100'>
<div className="trending-products slider-left relative w-full rounded-2xl p-[10px] bg-alice-blue">
<SliderCom selector={trendingSlider} settings={settings}>
{trending &&
trending.length > 0 &&
trending.map((item) => (
src/components/Home/FamilyDash.jsx
+2 -1
View File
@@ -14,8 +14,9 @@ export default function FamilyDash({familyOffers, MyActiveJobList}) {
<div>
<div className="home-page-wrapper">
{/* <CommonHead commonHeadData={props.commonHeadData} /> */}
{familyOffers && familyOffers.length > 0 &&
<MyOffersFamilyTable familyOffers={familyOffers} className="mb-10" />
}
{trending && trending.length > 0 &&
<FamilyActiveLSlde trending={trending} className="mb-10" />
}
src/components/MyTasks/MyOffersFamilyTable.jsx
+1 -1
View File
@@ -104,7 +104,7 @@ export default function MyOffersFamilyTable({ className, familyOffers }) {
</div>
</div>
{/* trending products */}
<div className="trending-products relative w-full rounded-2xl p-[10px] bg-alice-blue">
<div className="trending-products slider-left relative w-full rounded-2xl p-[10px] bg-alice-blue">
<SliderCom selector={trendingSlider} settings={settings}>
{familyOffers &&
familyOffers.length > 0 &&
src/index.css
+2 -8
View File
@@ -929,12 +929,6 @@ TODO: Responsive ===========================
}
/* TO REMOVE SLIDER COMPONENT FROM CENTRALIZED */
.trending-products .slick-slider .slick-track{
.slider-left .slick-slider .slick-track{
margin: 0;
}
/* .slick-slide, .slick-slide::after, .slick-slide::before{
background-color: red;
opacity: 1;
padding: 20;
box-shadow: none;
} */
}