From cafe93813057799fe5b3c242ea404e12ffcec363 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Diogo=20Silv=C3=A9rio?= <dblsilverio@gmail.com>
Date: Sun, 4 Feb 2018 10:37:02 -0200
Subject: [PATCH] FIX: Empty deck quiz

Empty decks throws alert when trying to start quiz.
---
 components/flashcards/DeckDetails.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/components/flashcards/DeckDetails.js b/components/flashcards/DeckDetails.js
index 4e6ebe4..f1bc628 100644
--- a/components/flashcards/DeckDetails.js
+++ b/components/flashcards/DeckDetails.js
@@ -62,6 +62,22 @@ class DeckDetails extends Component {
         return true;
     }
 
+    startQuiz(deckKey) {
+        const { deck, navigation } = this.props;
+
+        if (deck.cards.length === 0) {
+            Alert.alert(
+                'Empty Deck',
+                'This deck has no cards. Add some to start playing!',
+                [
+                    { text: 'Ok', onPress: () => { } }
+                ]
+            )
+        } else {
+            navigation.navigate('Quiz', { deckKey: deck.name })
+        }
+    }
+
     render() {
         const { deck } = this.props;
         if (typeof deck === 'undefined') {
@@ -97,7 +113,7 @@ class DeckDetails extends Component {
                         </TouchableOpacity>
                     </View>
                     <View style={styles.subSubContainerBtn}>
-                        <TouchableOpacity style={styles.btn} onPress={() => this.props.navigation.navigate('Quiz', { deckKey: deck.name })}>
+                        <TouchableOpacity style={styles.btn} onPress={() => this.startQuiz(deck.name)}>
                             <Text style={styles.btnText}>Start Quiz</Text>
                         </TouchableOpacity>
                     </View>