lzq
/
Weather
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: lzq:cf9dd8a3d1391588c5a24577e14fa250ff675f89
Branches Tags
lzq:main
..
compare: lzq:d3cded434439933908db8c1c4768dd2b67bfc57f
Branches Tags
lzq:main

2 Commits
cf9dd8a3d1 ... d3cded4344

Author SHA1 Message Date
qiuchenfan d3cded4344 Merge branch 'main' of http://113.45.67.59:3003/lzq/test 2025-11-17 19:23:23 +08:00
qiuchenfan 1ee461ccd1 111123 2025-11-17 19:23:22 +08:00
3 changed files with 7 additions and 3 deletions
Show Stats Expand all files Collapse all files

3
app/components/WeatherCard.tsx
View File

@ -1,5 +1,8 @@
import { useWeatherStore } from "@/store/weatherStore"; import { useWeatherStore } from "@/store/weatherStore";
import { Cloud } from "lucide-react"; import { Cloud } from "lucide-react";
import {WeatherDisplay } from '@/components/WeatherDisplay'
import { WeatherSearchForm } from "./WeatherSearchForm";
import { WeatherDetailsGrid } from "./WeatherDetailsGird";
export function WeatherCard(){ export function WeatherCard(){
const{ currentWeather} = useWeatherStore(); const{ currentWeather} = useWeatherStore();

2
app/components/WeatherSearchForm.tsx
View File

@ -7,7 +7,7 @@ import { useWeatherStore } from '@/store/weatherStore';
export function WeatherSearchForm() { export function WeatherSearchForm() {
const [isLoading, currentWeather, searchWeather, refreshWeather] = useWeatherStore(); const {isLoading, currentWeather, searchWeather, refreshWeather} = useWeatherStore();
const [city, setCity] = useState(''); const [city, setCity] = useState('');
const [inputError, setInputError] = useState(''); const [inputError, setInputError] = useState('');

5
app/store/weatherStore.ts
View File

@ -1,5 +1,6 @@
import { create } from 'zustand' import { create } from 'zustand'
import {persist,createJSONStorage} from 'zustand/middleware' import {persist,createJSONStorage} from 'zustand/middleware'
import { WeatherApi } from '@/services/weatherApi';
const CACHE_EXPIRY = 10 * 60 * 1000; const CACHE_EXPIRY = 10 * 60 * 1000;
export interface Location { export interface Location {
@ -98,7 +99,7 @@ export const useWeatherStore = create<WeatherStore>()(
set({currentWeather:cachedWeather,isLoading:false}); set({currentWeather:cachedWeather,isLoading:false});
return; return;
} }
const WeatherData = await WeatherAPI.getcurrentWeather(city); const WeatherData = await WeatherApi.getCurrentWeather(city);
set({currentWeather:WeatherData,isLoading:false}); set({currentWeather:WeatherData,isLoading:false});
get().cacheWeather(city,WeatherData); get().cacheWeather(city,WeatherData);
}catch(error){ }catch(error){
@ -111,7 +112,7 @@ export const useWeatherStore = create<WeatherStore>()(
try{ try{
set({isLoading:true,error:null}); set({isLoading:true,error:null});
const city = currentWeather.location.name; const city = currentWeather.location.name;
const WeatherData = await WeatherAPI.getcurrentWeather(city); const WeatherData = await WeatherApi.getCurrentWeather(city);
set({currentWeather:WeatherData,isLoading:false}); set({currentWeather:WeatherData,isLoading:false});
get().cacheWeather(city,WeatherData); get().cacheWeather(city,WeatherData);
}catch(error){ }catch(error){