first commit

app/weather/RefreshButton.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import { refreshWeatherData } from "@/app/actions";
+import { useTransition, JSX } from "react";
+
+export default function RefreshButton(): JSX.Element {
+  const [isPending, startTransition] = useTransition();
+
+  return (
+    <button
+      className="btn btn-primary"
+      disabled={isPending}
+      onClick={() => {
+        startTransition(async () => {
+          await refreshWeatherData();
+        });
+      }}
+    >
+      {isPending ? "Refreshing..." : "Refresh Weather Now"}
+    </button>
+  );
+}