aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/app/components/Gaming/Score.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/app/components/Gaming/Score.tsx')
-rw-r--r--frontend/app/components/Gaming/Score.tsx48
1 files changed, 24 insertions, 24 deletions
diff --git a/frontend/app/components/Gaming/Score.tsx b/frontend/app/components/Gaming/Score.tsx
index ee23a6c..8e1e61d 100644
--- a/frontend/app/components/Gaming/Score.tsx
+++ b/frontend/app/components/Gaming/Score.tsx
@@ -1,36 +1,36 @@
import { useEffect, useState } from "react";
type Props = {
- status: string | null;
- score: number | null;
+ status: string | null;
+ score: number | null;
};
export default function Score({ status, score }: Props) {
- const [randomScore, setRandomScore] = useState<number | null>(null);
+ const [randomScore, setRandomScore] = useState<number | null>(null);
- useEffect(() => {
- if (status !== "running") {
- return;
- }
+ useEffect(() => {
+ if (status !== "running") {
+ return;
+ }
- const intervalId = setInterval(() => {
- const maxValue = Math.pow(10, String(score ?? 100).length) - 1;
- const minValue = Math.pow(10, String(score ?? 100).length - 1);
- const randomValue =
- Math.floor(Math.random() * (maxValue - minValue + 1)) + minValue;
- setRandomScore(randomValue);
- }, 50);
+ const intervalId = setInterval(() => {
+ const maxValue = Math.pow(10, String(score ?? 100).length) - 1;
+ const minValue = Math.pow(10, String(score ?? 100).length - 1);
+ const randomValue =
+ Math.floor(Math.random() * (maxValue - minValue + 1)) + minValue;
+ setRandomScore(randomValue);
+ }, 50);
- return () => {
- clearInterval(intervalId);
- };
- }, [status, score]);
+ return () => {
+ clearInterval(intervalId);
+ };
+ }, [status, score]);
- const displayScore = status === "running" ? randomScore : score;
+ const displayScore = status === "running" ? randomScore : score;
- return (
- <span className={status === "running" ? "animate-pulse" : ""}>
- {displayScore}
- </span>
- );
+ return (
+ <span className={status === "running" ? "animate-pulse" : ""}>
+ {displayScore}
+ </span>
+ );
}