15. disabled checkout button when cart is empty

ReactMaker · Jul 28, 2017 · fae7da9 · fae7da9
1 parent 3398396
commit fae7da9
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/containers/Home/components/Content.js b/src/containers/Home/components/Content.js
@@ -126,7 +126,13 @@ export default class Content extends Component {
               </Alert>
             </ModalBody>
             <ModalFooter>
-              <Button color="primary" onClick={this.toggle}>結帳</Button>{' '}
+              <Button
+                disabled={cart.length === 0}
+                color="primary"
+                onClick={this.toggle}
+              >
+                結帳
+              </Button>{' '}
               <Button color="secondary" onClick={this.toggle}>取消</Button>
             </ModalFooter>
           </Modal>