bot/WeatherTool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add delay and spinner for station map, common const and component for delay

Browse Source
This commit is contained in:
Guntis Smaukstelis
2024-01-19 20:32:20 +02:00
parent ad03f43f66
commit 16ed47c661
10 changed files with 54 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/station/Result.tsx
+5 -5
View File
@@ -1,5 +1,5 @@
import { Accessor, Component, createResource } from "solid-js";
import { apiHost } from "../consts";
import { FETCH_DELAY_MS, apiHost } from "../consts";
import moment from "moment";
import { CityChart } from "../components/chart/CityChart";
@@ -14,7 +14,7 @@ export const Result: Component<{
const fetchList = async ([city, field, getStart, getEnd]: [string | undefined, string, Date, Date]) => {
if (city === undefined) return undefined;
await new Promise(resolve => setTimeout(resolve, 500));
await new Promise(resolve => setTimeout(resolve, FETCH_DELAY_MS));
const response = await fetch(`${apiHost}/api/query/city/${city}/${queryStart()}-${queryEnd()}/hour/${field}/list`);
const json = await response.json();
return json;
@@ -22,7 +22,7 @@ export const Result: Component<{
const fetchMeteo = async ([city, getStart, getEnd]: [string | undefined, Date, Date]) => {
if (city === undefined) return undefined;
await new Promise(resolve => setTimeout(resolve, 500));
await new Promise(resolve => setTimeout(resolve, FETCH_DELAY_MS));
const response = await fetch(`${apiHost}/api/query/city/${city}/${queryStart()}-${queryEnd()}/allFields`);
const json = await response.json();
return json;
@@ -63,10 +63,10 @@ export const Result: Component<{
}
{ listResource() && props.getCity() && !listResource.loading &&
<div>
<h3>{ props.getCity() }</h3>
<h3>{ props.getCity() }: { props.getField() }</h3>
<CityChart
city={() => listResource().query.cities[0]}
data={() => listResource().result[listResource().query.cities[0]]}
data={() => listResource().result[listResource().query.cities[0]] ?? []}
query={() => listResource().query}
/>
</div>