update button styles: disabled buttons appear grey

Clara Zhang · Clara Zhang · commit d13caf4c8980 · 2024-11-05T19:40:55.000-08:00
diff --git a/website/src/components/posts/Facebook/conclusion/ConclusionGraphic.js b/website/src/components/posts/Facebook/conclusion/ConclusionGraphic.js
@@ -18,8 +18,6 @@ export default function ConclusionGraphic() {
         <button
           disabled={currentCard === 0}
           className={`card-button ${currentCard === 0 ? "gray" : ""}`}
-          let
-          color="#808080"
           aria-label="Previous Solution"
           onClick={previousCard}
         >
diff --git a/website/src/components/posts/Facebook/conclusion/conclusion.css b/website/src/components/posts/Facebook/conclusion/conclusion.css
@@ -76,3 +76,7 @@
 .fade-exit-active {
   transition: opacity 500ms;
 }
+
+.gray {
+  background-color: gray;
+}

Original file line number	Diff line number	Diff line change
`@@ -18,8 +18,6 @@ export default function ConclusionGraphic() {`
`18`	`18`	`<button`
`19`	`19`	`disabled={currentCard === 0}`
`20`	`20`	className={`card-button ${currentCard === 0 ? "gray" : ""}`}
`21`		`- let`
`22`		`- color="#808080"`
`23`	`21`	`aria-label="Previous Solution"`
`24`	`22`	`onClick={previousCard}`
`25`	`23`	`>`