65 lines
1.6 KiB
JavaScript
65 lines
1.6 KiB
JavaScript
import React , { useEffect } from 'react';
|
|
import Slider from 'react-slick';
|
|
import { httpUrl } from '../fetch';
|
|
import axios from 'axios';
|
|
import { useState } from 'react';
|
|
|
|
const settings = {
|
|
dots: false,
|
|
infinite: true,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
vertical: true,
|
|
verticalSwiping: true,
|
|
autoplay:true,
|
|
arrows:false
|
|
};
|
|
function Partner(props) {
|
|
const [ topics ,setTopics ] = useState(undefined);
|
|
const { id, partnerList } = props;
|
|
useEffect(()=>{
|
|
getUnit(partnerList);
|
|
},[id])
|
|
|
|
function getUnit(array){
|
|
const newArray = array.map(e => {
|
|
if (e.zonePartnersList && e.zonePartnersList.length > 0) {
|
|
e.zonePartnersList[0].typeName = e.typeName
|
|
}
|
|
return e.zonePartnersList
|
|
})
|
|
|
|
while(newArray[1] && newArray[1].length + newArray[0].length <= 5) {
|
|
newArray[0] = [...newArray[0], ...newArray.splice(1, 1)]
|
|
}
|
|
console.log(newArray)
|
|
setTopics(newArray)
|
|
}
|
|
|
|
return(
|
|
<ul className="boxmain zone_part_lists">
|
|
{
|
|
topics && topics.length>0 ?
|
|
topics.map((i, k)=>{
|
|
return(
|
|
<li key={ k }>
|
|
{
|
|
i.map((j,k1)=>{
|
|
return(
|
|
<div className="zone_part_item" key={ k1 }>
|
|
{ j.typeName && <span>{j.typeName}</span>}
|
|
<a key={ k1 } href={j.link} target="_blank"><img src={j.logo} alt=""/></a>
|
|
</div>
|
|
)
|
|
})
|
|
}
|
|
</li>
|
|
)
|
|
})
|
|
:
|
|
""
|
|
}
|
|
</ul>
|
|
)
|
|
}
|
|
export default Partner; |