From 8b94b16caab33304718a2715ed87327382c46e11 Mon Sep 17 00:00:00 2001
From: qiuchenfan <2035024011@qq.com>
Date: Fri, 14 Nov 2025 19:07:37 +0800
Subject: [PATCH] 222

---
 1114/app/components/weather/WeatherCard.tsx            |  6 +++---
 .../{WeatherDetailsCrid.tsx => WeatherDetailsGrid.tsx} |  5 ++++-
 1114/app/components/weather/WeatherSearchForm.tsx      |  4 ++--
 1114/app/routes/weather.tsx                            | 10 +++++-----
 1114/app/services/weatherApi.ts                        |  2 +-
 5 files changed, 15 insertions(+), 12 deletions(-)
 rename 1114/app/components/weather/{WeatherDetailsCrid.tsx => WeatherDetailsGrid.tsx} (94%)

diff --git a/1114/app/components/weather/WeatherCard.tsx b/1114/app/components/weather/WeatherCard.tsx
index a44ccc8..1f8b3af 100644
--- a/1114/app/components/weather/WeatherCard.tsx
+++ b/1114/app/components/weather/WeatherCard.tsx
@@ -1,6 +1,6 @@
-import { WeathersearchForm } from "@/components/weather/WeatherSearchForm";
+import { WeatherSearchForm } from "@/components/weather/WeatherSearchForm";
 import { WeatherDisplay } from "@/components/weather/WeatherDisplay";
-import { WeatherDetailsGrid } from "@/components/weather/WeatherDetailsCrid";
+import { WeatherDetailsGrid } from "@/components/weather/WeatherDetailsGrid";
 import { useWeatherStore } from "@/store/weatherStore";
 import Cloud  from "../../../assets/cloud.svg";
 
@@ -9,7 +9,7 @@ export function WeatherCard() {
 
   return (
     <div>
-      <WeathersearchForm />
+      <WeatherSearchForm />
       {currentWeather ? (
         <div className="P-4">
           <WeatherDisplay />
diff --git a/1114/app/components/weather/WeatherDetailsCrid.tsx b/1114/app/components/weather/WeatherDetailsGrid.tsx
similarity index 94%
rename from 1114/app/components/weather/WeatherDetailsCrid.tsx
rename to 1114/app/components/weather/WeatherDetailsGrid.tsx
index 837db65..d3cbb85 100644
--- a/1114/app/components/weather/WeatherDetailsCrid.tsx
+++ b/1114/app/components/weather/WeatherDetailsGrid.tsx
@@ -10,7 +10,8 @@ interface WeatherInfoItemProps {
     subtitle?: string;
 }
 
-function WeatherInfoItem({ icon, label, value, subtitle }: WeatherInfoItemProps) {
+export function WeatherInfoItem({ icon, label, value, subtitle }: WeatherInfoItemProps) {
+    
     return (
         <div className="group rounded-xl bg-slate-50/50 border border-slate-200/50 p-3 hover:bg-slate-100/50 hover:border-slate-300 transition duration-200 ">
             <div className="flex items-start gap-2">
@@ -28,6 +29,8 @@ function WeatherInfoItem({ icon, label, value, subtitle }: WeatherInfoItemProps)
 
 export function WeatherDetailsGrid() {
 
+    const {currentWeather} = useWeatherStore();
+    if (!currentWeather) return null;
     <>
        <div className="grid grids-cols-2 md:grids-cols-3 gap-3 mb-4">
          <WeatherInfoItem 
diff --git a/1114/app/components/weather/WeatherSearchForm.tsx b/1114/app/components/weather/WeatherSearchForm.tsx
index 90a0c88..d549757 100644
--- a/1114/app/components/weather/WeatherSearchForm.tsx
+++ b/1114/app/components/weather/WeatherSearchForm.tsx
@@ -1,14 +1,14 @@
 //天气搜索表单组件
 import { cn } from "@/components/lib/utils";
 import React ,{useState,type FormEvent,type ChangeEvent, use} from "react";
-import { Button } from "../ui/button";
+import { Button } from "@/components/ui/button";
 import { Input} from "../ui/input";
 import {useWeatherStore} from "@/store/weatherStore";
 import { AlertCircle, Loader2, RefreshCw, Search } from "lucide-react";
 
 //城市输入验证搜索刷新
 export function WeatherSearchForm() { 
-const {isLoading,currentWeather,setCurrentWeather,refreshWeather} = useWeatherStore();
+const {isLoading,currentWeather,setCurrentWeather,refreshWeather,searchWeather} = useWeatherStore();
 const [city, setCity] = useState('');
 const [inputError, setInputError] = useState('');
 //输入框内容
diff --git a/1114/app/routes/weather.tsx b/1114/app/routes/weather.tsx
index 9a3823f..58e9ac8 100644
--- a/1114/app/routes/weather.tsx
+++ b/1114/app/routes/weather.tsx
@@ -1,7 +1,7 @@
 import REACT, { use, useEffect } from 'react'
 import { Loader2 } from 'lucide-react';
-import { WeatherCard } from './WeatherCard'
-import { useWeatherstore } from './WeatherStore'
+import { WeatherCard } from '@/components/weather/WeatherCard';
+import { useWeatherStore } from '@/store/weatherStore';
 import { toast } from 'sonner'
 
 
@@ -15,13 +15,13 @@ export function meta() {
 }
 
 export default function Weather() {
-    const { currentWeather, isLoading, error, seterror } = useWeatherstore()
+    const { currentWeather, isLoading, error, setError } = useWeatherStore()
     useEffect(() => {
         if (error) {
             toast.error(error)
-            seterror("")
+            setError("")
         }
-    }, [error, seterror])
+    }, [error, setError])
 
     return (
         <div className="flex flex-col items-center justify-center h-screen">
diff --git a/1114/app/services/weatherApi.ts b/1114/app/services/weatherApi.ts
index e40a53a..0f2a275 100644
--- a/1114/app/services/weatherApi.ts
+++ b/1114/app/services/weatherApi.ts
@@ -1,5 +1,5 @@
 import axios, {type AxiosInstance,AxiosError} from 'axios';
-import {WeatherData} from "@/store/weatherStore";
+import {type WeatherData} from "@/store/weatherStore";
 
 //配置常量
 const API_KEY = '5097cc3212ea9c460b01e2be936c94d5';