feat: isDisabled support for IngredientBox

eri · Nov 1, 2021 · 5ef8bb9 · 5ef8bb9
1 parent 615554b
commit 5ef8bb9
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/IngredientBox.jsx b/src/components/IngredientBox.jsx
@@ -5,8 +5,12 @@ import { buttonClassNames } from "./Button";
 
 export class IngredientBox extends React.Component {
   render() {
-    const { name, image, onSelected } = this.props;
-    const className = [...buttonClassNames, onSelected ? "border-green-500" : "border-red-1000"];
+    const { name, image, onSelected, isDisabled } = this.props;
+    const className = [
+      ...buttonClassNames,
+      onSelected ? "border-green-500" : "border-red-1000",
+      isDisabled ? "cursor-not-allowed" : "cursor-pointer"
+    ];
 
     return (
       <div className={className.join(" ")}>