fix: added some time to read the content in the second card and fixed…

… naming and description
a-fortunato · May 9, 2021 · bbcbb64 · bbcbb64
1 parent f2e3c63
commit bbcbb64
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/app.json b/app.json
@@ -1,8 +1,9 @@
 {
   "expo": {
-    "name": "memory-game",
+    "name": "Memory Game",
     "slug": "memory-game",
     "version": "1.0.0",
+    "description": "Very basic approach to the classic Concentration / Memory cards game.",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "splash": {

diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "Memory Game",
+  "name": "memory-game",
   "author": "Anggella Fortunato",
   "repository": "https://github.com/a-fortunato/memory-game",
   "main": "node_modules/expo/AppEntry.js",

diff --git a/src/components/Card.tsx b/src/components/Card.tsx
@@ -14,13 +14,14 @@ function Card(props: PropsWithChildren<CardProps>): React.ReactElement | null {
   const [isFlipped, setFlipped] = useState<boolean>(false)
 
   useEffect(() => {
+    // flip the card back after a bit to give the player enough time to see the content
     setTimeout(() => {
       if (flippedCards.includes(id) && !isFlipped) {
         setFlipped(true)
       } else if (!flippedCards.includes(id) && isFlipped) {
         setFlipped(false)
       }
-    }, 0)
+    }, 350)
   }, [id, flippedCards, isFlipped])
 
   if (showEmpty) {