Update frontend/src/App.js
Browse files- frontend/src/App.js +3 -2
frontend/src/App.js
CHANGED
@@ -8,9 +8,10 @@ const ScoreBar = ({ score, isVanilla = false }) => {
|
|
8 |
const percentage = score <= 1 ? score * 100 : score;
|
9 |
const hue = Math.min(percentage * 1.2, 120); // Maps 0-100% to 0-120 (red to green)
|
10 |
const backgroundColor = `hsl(${hue}, 80%, 50%)`;
|
11 |
-
|
|
|
12 |
return (
|
13 |
-
<div className=
|
14 |
<div
|
15 |
className="score-fill"
|
16 |
style={{
|
|
|
8 |
const percentage = score <= 1 ? score * 100 : score;
|
9 |
const hue = Math.min(percentage * 1.2, 120); // Maps 0-100% to 0-120 (red to green)
|
10 |
const backgroundColor = `hsl(${hue}, 80%, 50%)`;
|
11 |
+
const className = isVanilla ? "score-bar" : "vanilla-bar";
|
12 |
+
|
13 |
return (
|
14 |
+
<div className={className}>
|
15 |
<div
|
16 |
className="score-fill"
|
17 |
style={{
|