diff --git a/src/components/panels/analysis/ScoreBubble.tsx b/src/components/panels/analysis/ScoreBubble.tsx index d7c9d2a5..805c83ae 100644 --- a/src/components/panels/analysis/ScoreBubble.tsx +++ b/src/components/panels/analysis/ScoreBubble.tsx @@ -1,6 +1,6 @@ import type { Score } from "@/bindings"; import { formatScore } from "@/utils/score"; -import { Box, Progress, Text } from "@mantine/core"; +import { Box, Progress, Text, Tooltip } from "@mantine/core"; import * as classes from "./ScoreBubble.css"; function ScoreBubble({ @@ -71,20 +71,26 @@ function ScoreBubble({ boxShadow: theme.shadows.md, })} > - = 0 ? "black" : "white"} - size={size} - ta="center" - style={(theme) => ({ - fontFamily: theme.fontFamilyMonospace, - textOverflow: "ellipsis", - overflow: "hidden", - whiteSpace: "nowrap", - })} + - {formatScore(score.value)} - + = 0 ? "black" : "white"} + size={size} + ta="center" + style={(theme) => ({ + fontFamily: theme.fontFamilyMonospace, + textOverflow: "ellipsis", + overflow: "hidden", + whiteSpace: "nowrap", + })} + > + {formatScore(score.value)} + + ); }