Merge pull request #157 from joshzcold/fix/buzzer-after-refresh

Fixes buzzer button state on page refresh and improves the button image styling.
joshzcold · Jan 15, 2025 · 4ca9c60 · 4ca9c60
2 parents 705b18e + 7a0d98f
commit 4ca9c60
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/BuzzerPage.jsx b/src/components/BuzzerPage.jsx
@@ -163,8 +163,15 @@ export default function BuzzerPage(props) {
 
                 {/* Buzzer Section TODO replace with function*/}
                 <div className="w-full text-center">
-                  {buzzed ? (
-                    <Image id="buzzerButtonPressed" width={500} height={200} alt="Buzzer Button" src="/buzzed.svg" />
+                  {buzzed || game.buzzed.map((a) => a.id).includes(props.id) ? (
+                    <Image
+                      className="inline-block w-1/2"
+                      id="buzzerButtonPressed"
+                      width={500}
+                      height={200}
+                      alt="Buzzer Button"
+                      src="/buzzed.svg"
+                    />
                   ) : (
                     <Image
                       id="buzzerButton"