Skip to content

Jay Mehta / zango-frontend

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

Merge branch 'master' of https://git.logicloop.io/jaymehta/zango-frontend

2 parents a7d7624a b1f99aa4
Expand all
Inline Side-by-side
Showing 4 changed files with 68 additions and 6 deletions
components/admin/ActivityDetailGallaryModal.js 0 → 100644
import { Modal } from "antd"
import Image from "next/image"
import {cleanImage} from '../../services/imageHandling.js'
const ActivityDetailGallaryModal = ({ activityDetailInfo }) => {
return (
<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>
)
}
export default ActivityDetailGallaryModal
\ No newline at end of file \ No newline at end of file
components/admin/ActivityDetailsModal.js
...@@ -4,13 +4,24 @@ import { Button, Modal } from "react-bootstrap"; ...@@ -4,13 +4,24 @@ import { Button, Modal } from "react-bootstrap";
import { Loader } from "react-bootstrap-typeahead"; import { Loader } from "react-bootstrap-typeahead";
import { toast } from "react-toastify"; import { toast } from "react-toastify";
import { updateActivityStatusAdmin } from "../../redux/actions/userActions"; import { updateActivityStatusAdmin } from "../../redux/actions/userActions";
import ActivityDetailGallaryModal from "./ActivityDetailGallaryModal";
import { CloseCircleOutlined } from "@ant-design/icons";
const ActivityDetailsModal = ({ show, handleClose, activityDetailInfo }) => { const ActivityDetailsModal = ({ show, handleClose, activityDetailInfo }) => {
const [viewDesc, setViewDesc] = useState(); const [viewDesc, setViewDesc] = useState();
const [rejectPopUp, setrejectPopUp] = useState(false); const [rejectPopUp, setrejectPopUp] = useState(false);
const [rejectionReasonText, setrejectionReasonText] = useState(""); const [rejectionReasonText, setrejectionReasonText] = useState("");
const [showActivityImages, setShowActivityImages] = useState(false);
console.log("activityDetailInfo", activityDetailInfo); console.log("activityDetailInfo", activityDetailInfo);
const getUrls = (url) => {
let a = activityDetailInfo[0]?.attributes?.cancellationPolicy?.data
console.log("checking data", url)
if (a !== null) {
window.open(url, '_blank')
} else {
toast.warning("No Data Found")
}
}
return ( return (
<Fragment> <Fragment>
<Modal show={show} onHide={handleClose} size="xl" aria-labelledby="contained-modal-title-vcenter" centered> <Modal show={show} onHide={handleClose} size="xl" aria-labelledby="contained-modal-title-vcenter" centered>
...@@ -127,7 +138,7 @@ const ActivityDetailsModal = ({ show, handleClose, activityDetailInfo }) => { ...@@ -127,7 +138,7 @@ const ActivityDetailsModal = ({ show, handleClose, activityDetailInfo }) => {
</div> </div>
<div className="row"> <div className="row">
<p className="col-12 col-lg-6">Images of Activities</p> <p className="col-12 col-lg-6">Images of Activities</p>
<p className="col-12 col-lg-6 pview">View Images</p> <p className="col-12 col-lg-6 pview cursor-pointer" onClick={() => { setShowActivityImages(true); console.log("checking") }}>View Images</p>
</div> </div>
<div className="row"> <div className="row">
<p className="col-12 col-lg-6">Brand Logo</p> <p className="col-12 col-lg-6">Brand Logo</p>
...@@ -137,12 +148,31 @@ const ActivityDetailsModal = ({ show, handleClose, activityDetailInfo }) => { ...@@ -137,12 +148,31 @@ const ActivityDetailsModal = ({ show, handleClose, activityDetailInfo }) => {
<div> <div>
<p className="phead">Policy & Terms</p> <p className="phead">Policy & Terms</p>
<div className="row"> <div className="row">
<p className="col-12 col-lg-6">Cancellation Policy</p> <div className="col-12 col-lg-6 ">
<p className="col-12 col-lg-6 pview">View</p> <p>Cancellation Policy</p>
</div>
<div className="col-12 col-lg-6 ">
<p
className="pview cursor-pointer"
onClick={() => getUrls(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}${activityDetailInfo[0]?.attributes?.cancellationPolicy?.data?.attributes?.url}`)}
>
View
</p>
</div>
</div> </div>
<div className="row"> <div className="row">
<p className="col-12 col-lg-6">Terms & Conditions</p> <div className="col-12 col-lg-6 ">
<p className="col-12 col-lg-6 pview">View</p> <p>
Terms & Conditions
</p>
</div>
<div className="col-12 col-lg-6">
<p className="pview cursor-pointer"
onClick={() => getUrls(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}${activityDetailInfo[0]?.attributes?.termsConditions?.data?.attributes?.url}`)}
>
View
</p>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -229,6 +259,15 @@ const ActivityDetailsModal = ({ show, handleClose, activityDetailInfo }) => { ...@@ -229,6 +259,15 @@ const ActivityDetailsModal = ({ show, handleClose, activityDetailInfo }) => {
</div> </div>
</Modal.Body> </Modal.Body>
</Modal> </Modal>
<Modal size="xl" show={showActivityImages} onHide={() => setShowActivityImages(false)} centered contentClassName="p-3">
<div className="text-end">
<span className="image-container" style={{ cursor: "pointer" }} onClick={() => setShowActivityImages(false)}>
<Image width={13} height={13} alt="" src="/images/admin/icon-close.svg" className="image" />
</span>
</div>
<ActivityDetailGallaryModal activityDetailInfo={activityDetailInfo} showActivityImages={showActivityImages} setShowActivityImages={setShowActivityImages} />
</Modal>
</Fragment> </Fragment>
); );
}; };
......
styles/globals.css
...@@ -259,6 +259,11 @@ h6 { ...@@ -259,6 +259,11 @@ h6 {
font-weight: 600; font-weight: 600;
} }
/* cursor pointer */
.cursor-pointer{
cursor: pointer;
}
/*ST Images*/ /*ST Images*/
.image-container { .image-container {
width: auto; width: auto;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!