RealEstateView — User Cabinet
Redesign & Mobile App

// WebCoreLab — RealEstateView Property Alert Engine
import { useEffect, useCallback } from 'react';

export const usePropertyAlerts = (
  userId: string,
  savedSearches: SavedSearch[]
) => {
  const { subscribe, lastMessage } = useWebSocket(
    `wss://api.realestateview.com.au/alerts/${userId}`
  );
  const { sendPush } = usePushNotificatio
s();

  const matchesSearch = useCallback(
    (listi
g: Listi
g, search: SavedSearch): boolea
 => {
      const dista
ce = calculateHaversi
eDista
ce(
        listi
g.coordi
ates, getSuburbCoords(search.suburb)
      );
      return (
        dista
ce <= search.radius &&
        listi
g.bedrooms >= search.miBedrooms &&
        listi
g.price <= search.maxPrice
      );
    }, []
  );

  useEffect(() => {
    if (!lastMessage) return;
    const listi
g = JSON.parse(lastMessage.data);
    const matched = savedSearches.filter(
      s => matchesSearch(listi
g, s)
    );
    if (matched.le
gth > 0) {
      sendPush({
        title: `New ${listi
g.bedrooms}BR i
 ${listi
g.suburb}`,
        body: `$${(listi
g.price/1000).toFixed(0)}K`,
        data: { listi
gId: listi
g.id }
      });
    }
  }, [lastMessage]);
};
// 140,000+ active users | Alert→View co
version: 67%