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

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
+10
View File
@@ -0,0 +1,10 @@
import { Component } from "solid-js";
export const LoadingSpinner: Component<{ text: string; }> = ({ text }) => {
return (
<div>
<span class="spinner"></span>
<span style={{ "padding-left": "16px" }}>{ text }</span>
</div>
);
}
+2
View File
@@ -13,6 +13,8 @@ export const CityChart: Component<{
const [getCanvas, setCanvas] = createSignal<HTMLCanvasElement>();
const [getIsLarge, setIsLarge] = createSignal(false);
console.log("props.data()", props.data());
let chart: Chart | undefined;
const data: [string, number | null][] = props.data().map(([dateStr, value]) => [
formatDateString(dateStr),