Restaurants near Lakeline Mall, Cedar Park, TX

Kid-friendliness: Drinks for all ages!

Wheelchair accessibility: In the mall. Mall is wheelchair accessible!","work_times":{"Mon":["11AM - 8PM"],"Tue":["11AM - 8PM"],"Wed":["11AM - 8PM"],"Thu":["11AM - 8PM"],"Fri":["10AM - 9PM"],"Sat":["10AM - 9PM"],"Sun":["12 - 6PM"]},"image_url":"https://cdn7.localdatacdn.com/tx/cedar-park/6401763/small/3pNVLshN14.jpg"},{"id":"5595976","name":"Phil's Philly Grill","address":"11200 Lakeline Mall Dr, Cedar Park","rest_url":"tx/cedar-park/phils-philly-grill-/","state_name":"Texas","state_abbreviation":"TX","city_name":"Cedar Park","city_url":"cedar-park","brand_name":"","categories":"Cheesesteaks,American,Vegetarian","photo_name":"dMLVFhkE3U","photo_extension":".jpg","photo_server_id":"6","cdn_url":"https://cdn7.localdatacdn.com/","recommended":"0","order":"1","open":"0","latitude":"30.470602","longitude":"-97.807228","rating":"4.100000","votes_count":"17","price_range":"1.000000","metadata":"{"categories":["Cheesesteaks","American","Vegetarian"]}","com_last_reviews.id":"325051743","com_last_reviews.business_id":"5595976","com_last_reviews.date":"1704668400","sort_rating":"3.85352969","distance":"0.02214001","distance_rounded":"0","last_review":"Original Food Court restaurant from the 90s. Feeding both Magic the Gathering players and trophy wives, alike. The staff is always super fast with your order, and the prices are reasonable. Wolf down your grub at one of the nearby food court tables, and then walk the mall to burn off a few of those calories.Food Court Ambiance...there, I used the word Ambiance.","work_times":{"Mon":["11AM - 7PM"],"Tue":["11AM - 7PM"],"Wed":["11AM - 7PM"],"Thu":["11AM - 7PM"],"Fri":["11AM - 7PM"],"Sat":["11AM - 7PM"],"Sun":["12 - 6PM"]},"image_url":"https://cdn7.localdatacdn.com/tx/cedar-park/5595976/small/dMLVFhkE3U.jpg"},{"id":"5597092","name":"Smoothies Paradise","address":"11200 Lakeline Mall Dr, Cedar Park","rest_url":"tx/cedar-park/smoothies-paradise-/","state_name":"Texas","state_abbreviation":"TX","city_name":"Cedar Park","city_url":"cedar-park","brand_name":"","categories":"Ice Cream Shop,Juice Bar & Smoothies,Ice Cream","photo_name":"hKqZtTZ6Xa","photo_extension":".jpg","photo_server_id":"1","cdn_url":"https://cdn2.localdatacdn.com/","recommended":"0","order":"1","open":"0","latitude":"30.470373","longitude":"-97.807213","rating":"4.100000","votes_count":"7","price_range":"1.000000","metadata":"{"categories":["Ice Cream","Juice Bars & Smoothies"]}","com_last_reviews.id":"325151161","com_last_reviews.business_id":"5597092","com_last_reviews.date":"1702854000","sort_rating":"3.82540536","distance":"0.01502838","distance_rounded":"0","last_review":"This place has been one of my favorites for literally over 10 years. I am so happy that they have still been open all this time and their menu items haven't changed. Located near the movie theater inside lakeline mall, this smoothie bar makes some of the best tasting smoothies ever!! My absolute favorite is the strawberry peach creamy smoothie. Go get it and thank me later.","work_times":{"Mon":["11AM - 8PM"],"Tue":["11AM - 8PM"],"Wed":["11AM - 8PM"],"Thu":["11AM - 8PM"],"Fri":["10AM - 9PM"],"Sat":["10AM - 9PM"],"Sun":["12 - 6PM"]},"image_url":"https://cdn2.localdatacdn.com/tx/cedar-park/5597092/small/hKqZtTZ6Xa.jpg"},{"id":"1096777","name":"Wetzel’s Pretzels Lakeline","address":"11200 Lakeline Mall Dr VC-1, Cedar Park","rest_url":"tx/cedar-park/wetzels-pretzels-/","state_name":"Texas","state_abbreviation":"TX","city_name":"Cedar Park","city_url":"cedar-park","brand_name":"Wetzel's Pretzels","categories":"Pretzel Store,Pretzels","photo_name":"OSvZ5mq1j7","photo_extension":".jpg","photo_server_id":"8","cdn_url":"https://cdn9.localdatacdn.com/","recommended":"0","order":"1","open":"0","latitude":"30.470806","longitude":"-97.806709","rating":"3.400000","votes_count":"28","price_range":"1.000000","metadata":"{"categories":["Pretzels"]}","com_last_reviews.id":"315610798","com_last_reviews.business_id":"1096777","com_last_reviews.date":"1702420620","sort_rating":"3.69806576","distance":"0.03304279","distance_rounded":"0","last_review":"Wetzel's Smetzels. I love me some greasy pretzels with salt or sometimes sugar. It just tastes so good. The health problems are worth it??","work_times":{"Mon":["11AM - 9PM"],"Tue":["11AM - 9PM"],"Wed":["11AM - 9PM"],"Thu":["11AM - 9PM"],"Fri":["10AM - 9PM"],"Sat":["10AM - 9PM"],"Sun":["12 - 6PM"]},"image_url":"https://cdn9.localdatacdn.com/tx/cedar-park/1096777/small/OSvZ5mq1j7.jpg"},{"id":"7496841","name":"Break Time","address":"11200 Lakeline Mall Dr, Cedar Park","rest_url":"tx/cedar-park/break-time-/","state_name":"Texas","state_abbreviation":"TX","city_name":"Cedar Park","city_url":"cedar-park","brand_name":"Break Time","categories":"Snack bar","photo_name":"guPpALLCD3","photo_extension":".jpg","photo_server_id":"9","cdn_url":"https://cdn10.localdatacdn.com/","recommended":"0","order":"0","open":"0","latitude":"30.471462","longitude":"-97.806000","rating":"2.300000","votes_count":"6","price_range":"0.000000","metadata":"{"categories":["Argentine"]}","com_last_reviews.id":"379687664","com_last_reviews.business_id":"7496841","com_last_reviews.date":"1718551137","sort_rating":"3.69757438","distance":"0.09412424","distance_rounded":"0","last_review":"I like that store. It was a really good store. They had really good things in there","work_times":{"Mon":["11:30AM - 7PM"],"Tue":["11:30AM - 7PM"],"Wed":["11:30AM - 7PM"],"Thu":["11AM - 8:30PM"],"Fri":["11AM - 8:30PM"],"Sat":["11AM - 8:30PM"],"Sun":["11:30AM - 7PM"]},"image_url":"https://cdn10.localdatacdn.com/tx/cedar-park/7496841/small/guPpALLCD3.jpg"},{"id":"7510819","name":"Totally Tea","address":"11200 Lakeline Mall Dr, Cedar Park","rest_url":"tx/cedar-park/totally-tea-/","state_name":"Texas","state_abbreviation":"TX","city_name":"Cedar Park","city_url":"cedar-park","brand_name":"","categories":"Bubble Tea","photo_name":"kCFpHI3U3r","photo_extension":".jpg","photo_server_id":"8","cdn_url":"https://cdn9.localdatacdn.com/","recommended":"0","order":"1","open":"0","latitude":"30.470015","longitude":"-97.807228","rating":"3.500000","votes_count":"44","price_range":"0.000000","metadata":"{"categories":["Bubble Tea"]}","com_last_reviews.id":"344020318","com_last_reviews.business_id":"7510819","com_last_reviews.date":"1710257602","sort_rating":"3.69510460","distance":"0.02972563","distance_rounded":"0","last_review":"Patrick was fantastic and the drinks were absolutely delicious ? ?

Kid-friendliness: Kid friendly with lots of fun options","work_times":{"Mon":["10AM - 8PM"],"Tue":["10AM - 8PM"],"Wed":["10AM - 8PM"],"Thu":["10AM - 8PM"],"Fri":["10AM - 8PM"],"Sat":["10AM - 8PM"],"Sun":["10AM - 8PM"]},"image_url":"https://cdn9.localdatacdn.com/tx/cedar-park/7510819/small/kCFpHI3U3r.jpg"},{"id":"252899","name":"Panda Express","address":"11200 Lakeline Mall Dr, Cedar Park","rest_url":"tx/cedar-park/panda-express-2/","state_name":"Texas","state_abbreviation":"TX","city_name":"Cedar Park","city_url":"cedar-park","brand_name":"Panda Express","categories":"Chinese,Asian,Take Out,Fast Food","photo_name":"gFEGjQpus2","photo_extension":".jpg","photo_server_id":"3","cdn_url":"https://cdn4.localdatacdn.com/","recommended":"0","order":"1","open":"0","latitude":"30.470814","longitude":"-97.807045","rating":"2.900000","votes_count":"15","price_range":"1.000000","metadata":"{"categories":["Chinese","Asian","Takeout","Fast Food"]}","com_last_reviews.id":"367992247","com_last_reviews.business_id":"252899","com_last_reviews.date":"1714858480","sort_rating":"3.66015959","distance":"0.03037132","distance_rounded":"0","last_review":"Noodles bowl with crispy spicy shrimp was really really delicious. Definitely must try dish. Apple pie role was also very tasty. Rice plate with fried chicken was also good. Overall very tasty food with fast service.","work_times":{"Mon":["11AM - 8PM"],"Tue":["11AM - 8PM"],"Wed":["11AM - 8PM"],"Thu":["11AM - 8PM"],"Fri":["11AM - 9PM"],"Sat":["11AM - 9PM"],"Sun":["12 - 6PM"]},"image_url":"https://cdn4.localdatacdn.com/tx/cedar-park/252899/small/gFEGjQpus2.jpg"}]}; const firstCategory = [{"name":"Vegetarian","score":"894","inside":"1"},{"name":"Vegan","score":"812","inside":"1"},{"name":"Pet Friendly","score":"580","inside":"1"},{"name":"Fast Food","score":"491","inside":"1"},{"name":"Mexican","score":"474","inside":"1"},{"name":"Coffee Shops","score":"358","inside":"1"},{"name":"American","score":"326","inside":"1"},{"name":"Burgers","score":"316","inside":"1"},{"name":"Pizza","score":"298","inside":"1"},{"name":"Food Trucks","score":"285","inside":"1"},{"name":"Tacos","score":"224","inside":"1"},{"name":"Gluten-Free","score":"223","inside":"1"},{"name":"Bars","score":"217","inside":"1"},{"name":"Chicken Wings","score":"187","inside":"1"},{"name":"Bakery","score":"169","inside":"1"},{"name":"Ice Cream","score":"147","inside":"1"},{"name":"Chinese","score":"134","inside":"1"},{"name":"Seafood","score":"133","inside":"1"},{"name":"Sandwich Shops","score":"132","inside":"1"},{"name":"Salad","score":"128","inside":"1"},{"name":"Tex-Mex","score":"126","inside":"1"},{"name":"Juice Bars & Smoothies","score":"124","inside":"1"},{"name":"Cafe","score":"122","inside":"1"},{"name":"Cocktail Bar","score":"108","inside":"1"},{"name":"Sports Bars","score":"99","inside":"1"},{"name":"Italian","score":"98","inside":"1"},{"name":"Barbeque","score":"96","inside":"1"},{"name":"Sushi Bars","score":"94","inside":"1"},{"name":"New American","score":"85","inside":"1"},{"name":"Caterers","score":"82","inside":"1"},{"name":"Indian","score":"82","inside":"1"},{"name":"Japanese","score":"74","inside":"1"},{"name":"Donuts","score":"72","inside":"1"},{"name":"Asian Fusion","score":"72","inside":"1"},{"name":"Mediterranean","score":"68","inside":"1"},{"name":"Vietnamese","score":"65","inside":"1"},{"name":"Chicken","score":"54","inside":"1"},{"name":"Bubble Tea","score":"53","inside":"1"},{"name":"Wine Bars","score":"52","inside":"1"},{"name":"Korean","score":"49","inside":"1"},{"name":"Chicken Shop","score":"46","inside":"1"},{"name":"Thai","score":"45","inside":"1"},{"name":"Noodles","score":"42","inside":"1"},{"name":"Soup","score":"39","inside":"1"},{"name":"Breakfast","score":"39","inside":"1"},{"name":"Beer Bar","score":"39","inside":"1"},{"name":"Pubs","score":"36","inside":"1"},{"name":"Halal","score":"35","inside":"1"},{"name":"Asian","score":"33","inside":"1"},{"name":"Bar & Grill","score":"32","inside":"1"},{"name":"Ramen","score":"30","inside":"1"},{"name":"Southern","score":"29","inside":"1"},{"name":"Cajun","score":"29","inside":"1"},{"name":"Cupcakes","score":"28","inside":"1"},{"name":"Coffee Roasters","score":"27","inside":"1"},{"name":"Custom Cakes","score":"26","inside":"1"},{"name":"Comfort Food","score":"25","inside":"1"},{"name":"Brewery","score":"24","inside":"1"},{"name":"Grocery Stores","score":"24","inside":"1"},{"name":"Health Food","score":"24","inside":"1"},{"name":"Food Stands","score":"24","inside":"1"},{"name":"Steakhouses","score":"23","inside":"1"},{"name":"Venues & Event Spaces","score":"22","inside":"1"},{"name":"Dive Bar","score":"22","inside":"1"},{"name":"Middle Eastern","score":"21","inside":"1"},{"name":"Food Court","score":"20","inside":"1"},{"name":"Hot Dogs","score":"19","inside":"1"},{"name":"Gastropubs","score":"18","inside":"1"},{"name":"Tapas","score":"18","inside":"1"},{"name":"Greek","score":"17","inside":"1"},{"name":"Liquor Stores","score":"15","inside":"1"},{"name":"Beer Gardens","score":"15","inside":"1"},{"name":"Brewpubs","score":"14","inside":"1"},{"name":"Cheesesteaks","score":"14","inside":"1"},{"name":"Waffles","score":"14","inside":"1"},{"name":"Honduran","score":"14","inside":"1"},{"name":"Health Markets","score":"13","inside":"1"},{"name":"Meat Shops","score":"13","inside":"1"},{"name":"Latin American","score":"13","inside":"1"},{"name":"Acai Bowls","score":"12","inside":"1"},{"name":"Family","score":"12","inside":"1"},{"name":"Dim Sum","score":"12","inside":"1"},{"name":"Venezuelan","score":"12","inside":"1"},{"name":"Wraps","score":"11","inside":"1"},{"name":"Convenience Stores","score":"11","inside":"1"},{"name":"Hawaiian","score":"11","inside":"1"},{"name":"Kebab","score":"11","inside":"1"},{"name":"Soul Food","score":"10","inside":"1"},{"name":"Salvadoran","score":"10","inside":"1"},{"name":"Deli","score":"9","inside":"1"},{"name":"Brazilian","score":"9","inside":"1"},{"name":"Himalayan/Nepalese","score":"9","inside":"1"},{"name":"Brunch","score":"8","inside":"1"},{"name":"Creperies","score":"8","inside":"1"},{"name":"Cuban","score":"8","inside":"1"},{"name":"Meal Delivery","score":"8","inside":"1"},{"name":"African","score":"8","inside":"1"},{"name":"Pretzels","score":"7","inside":"1"},{"name":"Smokehouse","score":"7","inside":"1"}]; const address = "11200 Lakeline Mall Dr, Cedar Park"; console.log(address); const cdnServer = [ "https://cdn.localdatacdn.com/", "https://cdn2.localdatacdn.com/", "https://cdn3.localdatacdn.com/", "https://cdn4.localdatacdn.com/", "https://cdn5.localdatacdn.com/", "https://cdn6.localdatacdn.com/", "https://cdn7.localdatacdn.com/", "https://cdn8.localdatacdn.com/" ] const theme = createTheme({ typography: { fontFamily: '"Poppins", sans-serif', fontSize: 14, body1: { color: '#35393D', // default color }, body2: { color: '#35393D', // default color }, }, palette: { primary: { main: '#51ab6d', }, recommended: { main: '#f4cf16', }, }, }); const drawerBleeding = 56; const StyledBox = styled(Box)(({ theme }) => ({ ...theme.typography.body2, borderRadius: theme.shape.borderRadius, backgroundColor: theme.palette.background.paper, boxShadow: theme.shadows[24], cursor: 'grabbing', width: '100%', height: '100%', })); const Puller = styled(Box)(({ theme }) => ({ width: 30, height: 6, backgroundColor: 'initial', borderRadius: 32 / 2, position: 'absolute', top: 8, left: 'calc(50% - 15px)', })); const CustomButton = styled(Button)(({ theme, active }) => ({ borderRadius: 0, padding: '8px 16px', fontSize: '12px', margin: 0, background: active ? theme.palette.primary.main : 'initial', color: active ? "#fff" : theme.palette.primary.main, '&:first-of-type': { borderTopLeftRadius: theme.shape.borderRadius, borderBottomLeftRadius: theme.shape.borderRadius, }, '&:last-of-type': { borderTopRightRadius: theme.shape.borderRadius, borderBottomRightRadius: theme.shape.borderRadius, }, "&:hover": { background: active ? theme.palette.primary.main : theme.palette.action.hover, color: active ? "#fff" : "rgba(0, 0, 0, 0.87)", } })); const DistanceButton = styled(Button)(({ theme, active }) => ({ borderRadius: theme.shape.borderRadius, padding: '8px 16px', fontSize: '12px', margin: 0, background: active ? theme.palette.primary.main : 'initial', color: active ? "#fff" : theme.palette.primary.main, "&:hover": { background: active ? theme.palette.primary.main : theme.palette.action.hover, color: active ? "#fff" : "rgba(0, 0, 0, 0.87)", } })); const drawerWidth = 320; const Main = styled('main', { shouldForwardProp: (prop) => prop !== 'open' })( ({ theme, open, isSmallScreen }) => ({ flexGrow: 1, padding: theme.spacing(3), transition: theme.transitions.create('margin', { easing: theme.transitions.easing.sharp, duration: theme.transitions.duration.leavingScreen, }), marginLeft: `-${isSmallScreen ? 0 : drawerWidth}px`, ...(open && { transition: theme.transitions.create('margin', { easing: theme.transitions.easing.easeOut, duration: theme.transitions.duration.enteringScreen, }), marginLeft: 0, }), }), ); function removeFoodRating(comment) { const regex = /Food: d/5/g; return comment.replace(regex, '').trim(); } const getRatingDescription = rating => { if (rating > 4.2) return 'Superb'; else if (rating > 3.2) return 'Good'; else if (rating > 2.4) return 'Average'; else return 'Poor'; }; const restaurantData = { name: 'Restaurant Name', rating: 3.5, address: 'Address', description: 'Description', image: 'https://via.placeholder.com/150', }; const RatingFilterButton = ({ value, active, onClick }) => ( {value}+ ); const DistanceFilterButton = ({ value, active, onClick }) => ( {value} mil. ); const CategoriesButton = ({ value, active, onClick }) => ( {value} ); const RestaurantMap = ({ restaurants, activeRestaurant }) => { const mapRef = useRef(); const [map, setMap] = useState(null); const [currentInfoWindow, setCurrentInfoWindow] = useState(null); // new state to hold the current info window const [infoWindows, setInfoWindows] = useState([]); const [openInfoWindow, setOpenInfoWindow] = useState(null); const [userLocation, setUserLocation] = useState(null); const [markers, setMarkers] = useState([]); const handleClickMarker = (index) => { const targetCard = document.querySelector(`#restaurant-${index}`); if (targetCard) { targetCard.classList.add('selected'); // targetCard.scrollIntoView({ behavior: 'smooth', alignToTop: false, block: 'center' }); // } else { console.error(`Card with id #restaurant-${index} not found.`); } }; const customIconHTML = ` indexs `; const customLocationIcon = L.divIcon({ className: 'custom-location-icon', // html: customIconHTML, iconSize: [30, 42], // iconAnchor: [15, 42], // popupAnchor: [0, -42] // }); useEffect(() => { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( (position) => { setUserLocation({ latitude: position.coords.latitude, longitude: position.coords.longitude, }); }, (error) => { console.error(error); } ); } }, []); function calculateDistance(lat1, lon1, lat2, lon2) { const R = 6371; // Radius of the Earth in km const dLat = (lat2 - lat1) * (Math.PI / 180); const dLon = (lon2 - lon1) * (Math.PI / 180); const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(lat1 * (Math.PI / 180)) * Math.cos(lat2 * (Math.PI / 180)) * Math.sin(dLon / 2) * Math.sin(dLon / 2); const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); return R * c; // Distance in kilometers } useEffect(() => { if (!restaurants[0]) return; // Find the bounding box (min and max latitudes and longitudes) let minLat = restaurants[0].latitude; let maxLat = restaurants[0].latitude; let minLng = restaurants[0].longitude; let maxLng = restaurants[0].longitude; restaurants.forEach(business => { minLat = Math.min(minLat, business.latitude); maxLat = Math.max(maxLat, business.latitude); minLng = Math.min(minLng, business.longitude); maxLng = Math.max(maxLng, business.longitude); }); // Calculate the center of the bounding box const centerLat = (minLat + maxLat) / 2; const centerLng = (minLng + maxLng) / 2; // Calculate the distance from the center to the farthest point in the bounding box const maxDistance = calculateDistance(centerLat, centerLng, maxLat, maxLng); // Adjust this scale factor to determine the zoom level based on maxDistance const scaleFactor = 1.2; // Experiment with this value // Calculate the zoom level based on the maximum distance const zoomLevel = Math.floor(15 - Math.log2(maxDistance) / scaleFactor); // Set the map's zoom level and center const map = L.map(mapRef.current).setView([centerLat, centerLng], zoomLevel); L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' }).addTo(map); // L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { // attribution: 'Map data © OpenStreetMap contributors, ', // maxZoom: 18, // id: 'mapbox/streets-v11', // tileSize: 512, // zoomOffset: -1, // zoom: 15, // accessToken: 'pk.eyJ1IjoibG9jOG5lYXJtZSIsImEiOiJjbHFub3FqNHIzM3pjMmpycXFnNmNhcmZzIn0.rMI-Hn0wW0pYRJJ79rOx5Q' // }).addTo(map); setMap(map); }, []); useEffect(() => { if (!map || !restaurants[0]) return; let markerInfoWindows = []; markers.forEach(marker => map.removeLayer(marker)); restaurants.forEach((restaurant, index) => { const iconHTML = customIconHTML.replace('indexs', index + 1); const icon = new L.divIcon({ ...customLocationIcon.options, html: iconHTML }); const marker = L.marker([restaurant.latitude, restaurant.longitude], { icon: icon }).addTo(map) .bindPopup(`

${restaurant.name}

${restaurant.address} `); marker.on('click', () => handleClickMarker(index)); markerInfoWindows.push(marker); }); setInfoWindows(markerInfoWindows); const restaurantCoordinates = restaurants.map(restaurant => ({ lat: parseFloat(restaurant.latitude), lng: parseFloat(restaurant.longitude), })); }, [map, restaurants]); useEffect(() => { if (map && activeRestaurant && infoWindows.length > 0) { const activeLatLng = L.latLng(activeRestaurant.latitude, activeRestaurant.longitude); map.setView(activeLatLng, map.getZoom()); const activeIndex = restaurants.findIndex( (restaurant) => restaurant.latitude === activeRestaurant.latitude && restaurant.longitude === activeRestaurant.longitude ); if (activeIndex !== -1 && infoWindows[activeIndex]) { infoWindows[activeIndex].openPopup(); setOpenInfoWindow(infoWindows[activeIndex].getPopup()); } } }, [activeRestaurant, infoWindows]); const containerStyle = { width: "100%", maxHeight: '100vh', height: '100vh' }; return ; }; const CustomLocationIcon = ({ index }) => ( {index + 1} ); const CustomRating = ({ recommended, rating, votesCount }) => { return {rating} {getRatingDescription(rating)}{votesCount} Reviews } const RestaurantCard = ({ index, day, work_times, categories, photo_server_id, isCity, id, price_range, distance, last_review, image_url, votes_count, phone, latitude, longitude, name, rating, address, rest_url, description, image, recommended, state_abbreviation, city_url, photo_name, order, handleMouseEnter }) => { const displayPrice = (priceRange) => [...Array(priceRange)].map((_, i) => { return ( $ ); }); const [currentImageUrl, setCurrentImageUrl] = useState(image_url + '?img=setera'); const workTime = () => { if (!work_times || work_times.length === 0) { return null; } const workTime = work_times[new Date().toLocaleDateString('en-US', { weekday: 'short' })]; if (!workTime || workTime.length === 0) { return null; } // if(start_time === '00:00' && end_time === '00:00') { // return 'Open 24 hours'; // } if (workTime[0].toLowerCase() === 'closed') { return 'Closed'; } if (workTime[0].toLowerCase() === 'open 24') { return 'Open 24'; } return {workTime.map(el => `${el}n`)} } const handleImageError = () => { const imageUrl = image_url.replace(cdnServer[photo_server_id], ''); fetch(`${cdnServer[photo_server_id]}?img=${imageUrl}`, { mode: "no-cors", // no-cors, *cors, same-origin headers: { "Content-Type": "image/jpeg" } }) .then(response => { setCurrentImageUrl(`${cdnServer[photo_server_id]}${imageUrl}?img=85145f`); }) .catch(error => { console.error('Error in image generation:', error); }); }; const RecommendedBadge = () => { return RECOMMENDED } return ( handleMouseEnter({ latitude, longitude })}>

{categories.split(",")[0]} • {displayPrice(Math.round(price_range))} {workTime(day)} {address} {!isCity && - {Number(distance).toFixed(2)} miles} {last_review && !!last_review.length &&

“{removeFoodRating(last_review)}” } {Number(recommended) === 1 && } Menu {/*Number(order) === 1 ? ( Order ) : ''*/} {/*index === 9 && */} ); }; const PriceButton = ({ value, active, onClick }) => ( {Array(value + 1) .join('$')} ); // const AdComponent = ({ dataAdSlot }) => { // const [adLoaded, setAdLoaded] = useState(false); // const [adHeight, setAdHeight] = useState(0); // const adsRef = React.useRef(null) // // useEffect(() => { // if (!adLoaded) { // try { // (window.adsbygoogle = window.adsbygoogle || []).push({}); // setAdLoaded(true); // } catch (err) { // console.error(err); // } // } // }, [adLoaded]); // // useEffect(() => { // if (adLoaded) // }, [adLoaded]); // // return ( // // // // ); // }; const Error = ({ message }) => { return ( {message} ); }; console.log(firstCategory) const App = ({ isSmallScreen, userAddres }) => { const urlParams = new URLSearchParams(window.location.search); const [restaurants, setRestaurants] = useState(first10Rest.result); const [query, setQuery] = useState(urlParams.get('query') || ''); const [drawerOpen, setDrawerOpen] = useState(isSmallScreen ? false : true); const [sortOrder, setSortOrder] = useState(urlParams.get('place') === '' ? 'rating' : (urlParams.get('sort_by') || 'distance')); const [offset, setOffset] = React.useState(0); const [loading, setLoading] = React.useState(false); const [activeRestaurant, setActiveRestaurant] = useState(null); const [showMap, setShowMap] = useState(false); const [priceFilter, setPriceFilter] = useState([]); const [distanceFilter, setDistanceFilter] = useState(5.0); const [minRatingFilter, setMinRatingFilter] = useState(1); const [openAtFilter, setOpenAtFilter] = useState({ active: false, from: '00:00', to: '23:59' }); const [offersDeliveryFilter, setOffersDeliveryFilter] = useState(false); const [offersTakeoutFilter, setOffersTakeoutFilter] = useState(false); const [categories, setCategories] = useState(firstCategory); const [showAllCategories, setShowAllCategories] = useState(false); const [error, setError] = useState(''); const [isCity, setIsCity] = useState(null); const [latitude, setLatitude] = useState(`30.4703784`); const [longitude, setLongitude] = useState(`-97.8069591`); const [businessName, setBusinessName] = useState(`Lakeline Mall`); const [fetchMod, setFetchMod] = useState('default'); const distanceValues = [0.2, 0.5, 1.0, 2.0, 5.0, 10.0, 15.0, 20.0, 30.0, 50.0]; const handleOpenAtFilterActiveChange = (checked) => { setOpenAtFilter({ ...openAtFilter, active: checked }); }; const handleOpenAtFilterChange = (value, type) => { if (type === 'from') { if (value > openAtFilter.to) { alert('From time cannot be greater than To time'); return; } } if (type === 'to') { if (value ({ ...prevState, [type]: value })); }; // const fetchGeocodedData = async (place) => { // const response = await fetch(`https://nominatim.openstreetmap.org/search?format=json&q=${encodeURIComponent(place)}&limit=1`); // const data = await response.json(); // return data; // }; // // const handleIsCity = async () => { // const geocodedData = await fetchGeocodedData(place); // // if(geocodedData.length === 0) { // return false; // } // // const isCity = geocodedData.length > 0 && (geocodedData[0].type === "administrative" || geocodedData[0].type === "residential" || geocodedData[0].type === "protected_area") ? true : false; // // return isCity; // }; const toggleMapDrawer = () => { setShowMap(!showMap); }; const handleDistanceFilterClick = (value) => { setDistanceFilter(distanceFilter === value ? null : value); }; const handleRatingFilterClick = (value) => { setMinRatingFilter(minRatingFilter === value ? null : value); }; const handleMouseEnter = (restaurant) => { setActiveRestaurant(restaurant); }; const toggleDrawer = () => { setDrawerOpen(!drawerOpen); }; const getCategories = async () => { try { let data; const response = await fetch('/search/categories-near.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ latitude: latitude, longitude: longitude }), }); data = await response.json(); setCategories(data); } catch (e) { console.log(e); } }; const getRestaurants = async () => { setLoading(true); const requestBody = { distance: distanceFilter, mode: fetchMod, latitude: latitude, longitude: longitude // time: { // form: openAtFilter.active ? openAtFilter.from : null, // to: openAtFilter.active ? openAtFilter.to : null, // } // offers_delivery: offersDeliveryFilter, // offers_takeout: offersTakeoutFilter, }; if (!!priceFilter.length) { requestBody.price_range = priceFilter; } if (minRatingFilter) { requestBody.min_rating = minRatingFilter; } const requestOptions = { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(requestBody) }; try { let data; const response = await fetch(`/search/search.php?query=${encodeURIComponent(query)}&sort_by=${sortOrder}&offset=${offset}`, requestOptions); data = await response.json(); if (data.result.length === 0 && fetchMod === 'default') { const responseDistance = await tryNextDistance(distanceFilter) if (typeof responseDistance === 'string') { setFetchMod('best'); setDistanceFilter(10.0); return; } else { setDistanceFilter(responseDistance); return; } } if (data.message) { setError(data.message); } setRestaurants(prevRestaurants => { const uniqueRestaurants = [...prevRestaurants, ...data.result].filter( (restaurant, index, self) => index === self.findIndex(r => r.id === restaurant.id) ); return uniqueRestaurants; }); } catch (error) { console.log(error); } finally { setLoading(false); } } const tryNextDistance = useCallback(async (currentDistance) => { const index = distanceValues.indexOf(currentDistance); if (index { if (priceFilter.includes(value)) { setPriceFilter(priceFilter.filter((item) => item !== value)); } else { setPriceFilter([...priceFilter, value]); } }; const updateUrl = () => { const url = new URL(window.location.href); url.searchParams.set('query', query); url.searchParams.set('sort_by', sortOrder); window.history.pushState({}, '', url); }; const handleScroll = () => { if (loading) return; if ((window.innerHeight + document.documentElement.scrollTop) >= document.documentElement.scrollHeight * 0.9) { setOffset(prevOffset => restaurants.length); // or however many you're loading each time } }; useEffect(() => { if (offset == 0 && categories.length > 0) return; getCategories(); // handleIsCity().then((isCity) => setIsCity(isCity)); }, []); // Scroll event listener useEffect(() => { window.addEventListener('scroll', handleScroll); return () => { window.removeEventListener('scroll', handleScroll); }; }, [loading, offset, sortOrder]); // Include loading in the dependency array // Fetch on mount useEffect(() => { if (offset == 0 && restaurants.length > 0) return; getRestaurants(); }, [offset, sortOrder, query, distanceFilter]); const choosCategory = (category) => { const queryArray = query ? query.split("|") : []; const index = queryArray.findIndex(q => q.toLowerCase() === category.toLowerCase()); console.log(queryArray) if (index > -1) { queryArray.splice(index, 1); } else { queryArray.push(category); } const newQuery = queryArray.join("|"); setQuery(newQuery) const url = new URL(window.location.href); url.searchParams.set('query', newQuery); window.history.pushState({}, '', url); setOffset(0); setRestaurants([]); if (isSmallScreen) { toggleDrawer(); } }; const processString = (categories) => { const inputString = categories; const wordsArray = inputString.split("|"); const processedString = wordsArray.map(function (word) { return word.trim().charAt(0).toUpperCase() + word.trim().slice(1); }).join(", "); return processedString } const currentDay = new Date().getDay() - 1; useEffect(() => { try { (window.adsbygoogle = window.adsbygoogle || []).push({}); } catch (err) { console.error(err); } }, []); console.log(offset) return ( Filters {drawerOpen ? 'close' : 'menu'} { categories.length > 0 && Categories: {(showAllCategories ? categories : categories.sort((a, b) => b.score - a.score).slice(0, 10) ) .sort((a, b) => a.name.toLowerCase().localeCompare(b.name.toLowerCase())) .map((category) => ( { choosCategory(category.name) }} sx={{ marginRight: 1, marginBottom: 1, }} /> ))} {!showAllCategories ? ( setShowAllCategories(true)} sx={{ marginRight: 1, marginBottom: 1, width: '100%' }} > See all ) : ( setShowAllCategories(false)} sx={{ marginRight: 1, marginBottom: 1, width: '100%' }} > Hide )} } {/* Rating filter */} Rating: {[3.5, 4, 4.5].map((value) => ( handleRatingFilterClick(value)} /> ))} {/*Price Range filter */} Price range: {[1, 2, 3, 4].map((value) => ( handlePriceFilterClick(value)} /> ))} {/* Distance filter */} Distance filter: {distanceValues.map((value) => ( handleDistanceFilterClick(value)} /> ))} { updateUrl(); setOffset(0); setRestaurants([]); getRestaurants(); if (isSmallScreen) { toggleDrawer(); } }}>Apply typeof query === undefined ? 'Restaurants' : processString(query) {'near'} {businessName} {address} tune Filters { setSortOrder(e.target.value); const url = new URL(window.location.href); url.searchParams.set('sort_by', e.target.value); window.history.pushState({}, '', url); setOffset(0); setRestaurants([]); }} sx={{ minWidth: '120px', background: '#fff', "& .MuiOutlinedInput-input": { padding: '6.5px', // Use "padding" prop }, }} > Distance Rating {!loading && error.length > 0 && offset === 0 && } {!!restaurants.length && ( {restaurants.map((restaurant, i) => ( {/*(i === 0) && */} {/*(i === (restaurants.length - 1) && restaurants.length >= 5 && restaurants.length < 10) && */} {/* i === restaurants.length - 1 && offset !== restaurants.length && offset !== 0 && error.length > 0 && */} ))} )} {loading && ( )} {/* Add your map component here */} {isSmallScreen ? ( !!restaurants.length && ( {showMap ? list List : map Map } ) ) : ( !!restaurants.length && ( ) )} ); }; const AppWrap = () => { const [isSmallScreen, setSmallScreen] = useState(null); const [userAddres, setUserAddres] = useState(''); const screenTest = useMediaQuery(theme.breakpoints.down('md')); useEffect(() => { setSmallScreen(screenTest); }, [screenTest]); if (isSmallScreen === null || userAddres === null) { return null; // or a loading icon } return ( ) } const container = document.getElementById('root'); const root = ReactDOM.createRoot(container); root.render() ]]>