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={{
|