diff --git a/src/MVPChart.tsx b/src/MVPChart.tsx index e0b9081..d6de506 100644 --- a/src/MVPChart.tsx +++ b/src/MVPChart.tsx @@ -1,4 +1,4 @@ -import { ReactNode, useEffect, useState } from "react"; +import { useEffect, useState } from "react"; import { apiAuth } from "./api"; import { PlayerRanking } from "./types"; import RaceChart from "./RaceChart"; diff --git a/src/RaceChart.tsx b/src/RaceChart.tsx index 4a81521..5d85745 100644 --- a/src/RaceChart.tsx +++ b/src/RaceChart.tsx @@ -16,7 +16,7 @@ const determineNiceWidth = (width: number) => { const RaceChart: FC = ({ players, std }) => { const [width, setWidth] = useState(determineNiceWidth(window.innerWidth)); //const [height, setHeight] = useState(window.innerHeight); - const height = players.length * 40; + const height = Math.max(3, players.length) * 40; useEffect(() => { const handleResize = () => {