Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit e5e68d85 by Ravindra Kanojiya
Options

activity empty emages

1 parent b1f99aa4
Inline Side-by-side
Showing 1 changed file with 20 additions and 10 deletions
components/admin/ActivityDetailGallaryModal.js
import { Modal } from "antd" import { Empty, Modal } from "antd"
import Image from "next/image" import Image from "next/image"
import {cleanImage} from '../../services/imageHandling.js' import { cleanImage } from '../../services/imageHandling.js'
const ActivityDetailGallaryModal = ({ activityDetailInfo }) => { const ActivityDetailGallaryModal = ({ activityDetailInfo }) => {
return ( return (
<div className="p-4"> <>
<div className="row">
{activityDetailInfo[0].attributes.imagesComponent.map((data, index)=>( {activityDetailInfo[0].attributes.imagesComponent.length > 0 ?
<div className="col-4" key={index}>
<Image className="img-fluid" height={400} width={400} alt="" src={cleanImage(data.image.data.attributes)}/> <div className="p-4">
<div className="row">
{activityDetailInfo[0].attributes.imagesComponent.map((data, index) => (
<div className="col-4" key={index}>
<Image className="img-fluid" height={400} width={400} alt="" src={cleanImage(data.image.data.attributes)} />
</div>
))}
</div>
</div>
:
<div className="d-flex align-items-center justify-content-center" style={{height : '60vh'}}>
<Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
</div> </div>
))} }
</div> </>
</div>
) )
} }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!