+
+
{listing.name} - $ {''}
{listing.offer ? listing.discountPrice.toLocaleString('en-US') : listing.currentPrice.toLocaleString('en-US')}
@@ -90,7 +99,19 @@ const Listing = () => {
About this property
{listing.description}
-
+
+
+
+
+
Schedule tour
+
What is your preferred tour date?
+
+
+
The selected date is - {date.toLocaleDateString()}
+
+
+
+
}
diff --git a/real_estate/client/src/pages/SearchProperties.jsx b/real_estate/client/src/pages/SearchProperties.jsx
index b0b2f78..0d1f1dd 100644
--- a/real_estate/client/src/pages/SearchProperties.jsx
+++ b/real_estate/client/src/pages/SearchProperties.jsx
@@ -6,6 +6,7 @@ import ListingCard from "../components/ListingCard";
const SearchProperties = () => {
const navigate = useNavigate();
const [loading, setLoading] = useState(false);
+ const [showMore, setShowMore] = useState(false);
const [listings, setListings] = useState([]);
const [sidebarSearch, setSidebarSearch] = useState({
searchTerm: '',
@@ -38,9 +39,15 @@ const SearchProperties = () => {
}
const fetchListings = async () => {
setLoading(true);
+ setShowMore(false)
const searchQuery = urlParams.toString();
const res = await fetch(`/server/listing/get?${searchQuery}`);
const data = await res.json();
+ if(data.length > 11){
+ showMore(true);
+ } else{
+ setShowMore(false);
+ }
setListings(data);
setLoading(false);
};
@@ -81,10 +88,25 @@ const SearchProperties = () => {
navigate(`/search?${searchQuery}`);
};
+ //show more functionality
+ const onShowMore = async () => {
+ const numberOfListings = listings.length;
+ const startIndex = numberOfListings;
+ const urlParams = new URLSearchParams(location.search);
+ urlParams.set('startIndex', startIndex);
+ const searchQuery = urlParams.toString();
+ const res = await fetch(`/server/listing/get?${searchQuery}`);
+ const data = await res.json();
+ if (data.length < 12) {
+ setShowMore(false);
+ }
+ setListings([...listings, ...data]);
+ }
+
return (
-