Blame view

components/admin/ActivityDetailGallaryModal.js 898 Bytes
.  
jaymehta committed
1 2
import { Empty, Modal } from "antd";
import { cleanImage } from "../../services/imageHandling.js";
Ravindra Kanojiya committed
3
const ActivityDetailGallaryModal = ({ activityDetailInfo }) => {
.  
jaymehta committed
4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
  return (
    <>
      {activityDetailInfo[0].attributes.imagesComponent.length > 0 ? (
        <div className="p-4">
          <div className="row">
            {activityDetailInfo[0].attributes.imagesComponent.map((data, index) => (
              <div className="col-4" key={index}>
                <img 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>
      )}
    </>
  );
};
24

.  
jaymehta committed
25
export default ActivityDetailGallaryModal;