Function WeatherView

src/components/WeatherView.tsx:132–855

({ activeField, selectedFields, allFields }: WeatherViewProps)

const WeatherView = ({ activeField, selectedFields, allFields }: WeatherViewProps) => {
  const isMobile = useIsMobile();
  const [compareField, setCompareField] = useState<Field | null>(null);
  const [showCompareSelector, setShowCompareSelector] = useState(false);
  const [endDate, setEndDate] = useState<Date>(new Date());
  const [startDate, setStartDate] = useState<Date>(() => {
    const d = new Date();
    d.setFullYear(d.getFullYear() - 1);
    return d;
  });
  const [monthlyData, setMonthlyData] = useState<any[]>([]);
  const [dailyData, setDailyData] = useState<any[]>([]);
  const [soilMoistureData, setSoilMoistureData] = useState<any[]>([]);
  const [loading, setLoading] = useState(false);
  const [liveWeather, setLiveWeather] = useState<LiveWeather | null>(null);
  const [liveLoading, setLiveLoading] = useState(false);

  // AQI state
  const [aqiData, setAqiData] = useState<AqiData | null>(null);
  const [aqiLoading, setAqiLoading] = useState(false);

  // GEE analytics state
  const [geeData, setGeeData] = useState<any>(null);
  const [geeLoading, setGeeLoading] = useState(false);

  // NDVI time-series state
  const [ndviTimeSeries, setNdviTimeSeries] = useState<any>(null);
  const [ndviTsLoading, setNdviTsLoading] = useState(false);
  // Map token for crop planning
  const [mapToken, setMapToken] = useState("");
  // Soil data for crop planning
  const [soilData, setSoilData] = useState<any>(null);

  const effectiveField = activeField || selectedFields[0];

  const urban = isUrbanRegion(geeData?.land_use);

  // Fetch GEE analytics
  useEffect(() => {
    if (!effectiveField) { setGeeData(null); return; }
    const cached = getFreshLocalCacheValue<any>(GEE_ANALYTICS_CACHE_KEY, effectiveField.id, QUERY_CACHE_TTL_MS);
    if (cached) {
      setGeeData(cached);
      return;
    }
    const fetchGee = async () => {
      setGeeLoading(true);
      try {
        const polygon = effectiveField.coordinates[0];
        const data = await invokeWithRetry<any>(
          "gee-analytics",
          { polygon, analyses: ["land_use", "vegetation", "suitability"] },
          { retries: 4, isEmpty: (d) => !hasGeeAnalyticsPayload(d) }
        );
        if (hasGeeAnalyticsPayload(data)) {
          setGeeData(data);
          setLocalCache(GEE_ANALYTICS_CACHE_KEY, effectiveField.id, data);
        } else {