From 46627f1dd1af7533f081ab99f8080afeb8e26de5 Mon Sep 17 00:00:00 2001
From: Michel Wilhelm <michelwilhelm@gmail.com>
Date: Sat, 7 Nov 2020 23:56:37 -0300
Subject: [PATCH] Adding question comportament

---
 src/App.js                       |  10 ++++++++--
 src/assets/images/question.png   | Bin 0 -> 1536 bytes
 src/components/Board/styles.scss |   7 +++++++
 3 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/images/question.png

diff --git a/src/App.js b/src/App.js
index 3346022..b7374d7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -72,7 +72,10 @@ function App() {
       return;
     }
     const cell = document.getElementById(`cell_${row}_${col}`);
-    if (cell.classList.contains('flagged')) {
+    if (
+      cell.classList.contains('flagged') ||
+      cell.classList.contains('question')
+    ) {
       return;
     }
 
@@ -109,9 +112,12 @@ function App() {
       return;
     }
 
-    if (cell.classList.contains('flagged')) {
+    if (cell.classList.contains('question')) {
+      cell.classList.remove('question');
+    } else if (cell.classList.contains('flagged')) {
       cell.classList.remove('flagged');
       setFlags(flags + 1);
+      cell.classList.add('question');
     } else if (flags > 0) {
       cell.classList.add('flagged');
       setFlags(flags - 1);
diff --git a/src/assets/images/question.png b/src/assets/images/question.png
new file mode 100644
index 0000000000000000000000000000000000000000..20a34eb809e9f5523c32737c24b9dfa612ecb85d
GIT binary patch
literal 1536
zcmV+b2LJhqP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00009a7bBm000XU
z000XU0RWnu7ytkTvPnciRCt{2np<pCRTPH5bvkVo6ne3WSmxGgM-2uPeb5J^58hCt
zNYt395u?7CsPRQH5aSCmQ6G#^Vl+Xc0i!0U@e&Lm-eQ2n3tF`@(>YV1%6+IX6y}_>
zd=O1(xXeCh_An3q-kR)xt+oH|*=L`1wqTiLGC8eTbq+X}1n32#bRe`Tv<b8UX8`*Z
zN&<To*)6J@a9Hobde?RTvRR+hI$$P~=@QSIuP|4YO9jr281i>TUvKujH-6u?ZFfzI
z979bE=$qbmmbM(8kIL<eUIjGOBJMa20n2HQJ(0`hcGfCrBm>gj>0YNPSP0w=G}or2
zlcBo=9^G6lF0VzjPzLnO=$VP*KP7MncK+KZMU*!;54raPL6kVg#rMY3H{k?d30wp?
zQIbbOnBCFdmfBM)eFSLOFvb(8IKgTKt2=YmDEDR(i5H`UFkS(rQpxLVZ}Wlcqa>~!
za#?3b`xkpkrD7O$s3kn=d9Ttas{lj;T{>sZoKTx^s10mnWW?)eZwr9y!sso~b*Nk(
z*t2in&!)oAkHPNl?$b|eiWPu!3}i)wpHSI}=q_L%N*6*mN*uV9@K2Qwaz%HZsVLGp
zAd^Tu4)VeYhU@@&UkKL3;Je?7#XnCJ@BCyk=_!wZJ_vG#VL79%<;h+BJNx&Wh$0y<
zefsoClbTxwIeHZwP~|;ok`=i^VGZD$#_gHWGgBOYEzo76a{{^Yk1d6-jWkA;jbnIt
zxUA@NNB-O)$l_Mti|2>j1-U}ub3#lWAipL5i=dC0>H;x;?}(WS#&fVzS$cY`b;Nh{
zE!QoKMveC$=M_`$ZcVr^0Ugz91f6D@C$a&<!^36ZwWx8%vyOFMhU5Tnd9@macGEnk
z?kHOgYW74>kpreF8ruLNYc@RCYnq~A4M?ZceZW*h*{`N~8rA^uf`w)Z^~#mXPo{Yq
z(tzG%a<&Nf7>QKY9@&tMXgCA1sZ>^#RTv(L#bHI5d<|tlUp$`ngJ3mqwuw%`ZJ9hd
zREw-(49KKX*9PKj0O>Xs3k&=E`wxf7+Xx0oZz8pbKtBUIO~tCbk$2s9!X}S=5{yD7
zlbM3&y{)P@htUiAP1&nF9HoX+W<WNPNck1-W8lItdJ#5itog>_V$pc#AImBE3G^fq
zSNO<!LQY<hPkhI@CYQ^NM6IRnE1)--yi1j3Kx?=NvLs(DEGFXjfd8Y_B1pAllF3_8
zR))-b0F?!~p~8E$tf_7WWK*fEALs^PN(gzucjVSWp|Gjeb=74L$Y!%=`hl(_#N-uS
z9rG%e*_b@kX%Fy64?hiDV5$@J`CPI1Bq3XC)#b2EJRWav5oZf9*+6zkh5Mo$aH_@n
z3TP3ThtcHKL*&l9>wajhs4>)G4{+w1j24lHa&?+K)Wrb3*kEw~X4hS2t(0S6+W-eh
zRy$a<_TA-^Vby?iI(?=|j=*8SVmZgessXBcnvuY7+G?qk<6_$Yv&XDbvoA~4(g+Qa
zQ;OAdKr9y9D~E%sn;qrg;IPelCYWG?2_~4}XzJP%?2E_KzQ`=W=>$;GUFtaB4-O6v
z)w7PV)Wv`!o!~_rrwuN`Mip6f<YHA_v3}J(lSsV`Jj;o%yq$+~cjwf$gM0RszO`M`
zSgfvqOd|CFsL3m?BHWO3-Bs3#8i&ny0RdfXtWln^Qq6G_TB0wNniT~4V;HUP$h1PC
zu)Wqb9SdtKAP9n)VYN*#tCqE#2%A3v(;Hs@BdW&t1j1s|fJ0%0fok0vBi0O1k!|6{
zTDOCdH3MR;t=|Hb5Yke9XeiX?83t<x3=9nX4ZLNplvl9$EpR+`o1(F%g(zF99WStH
z(r9^!&6>tz)qs3HzXSEJ27ahw_?Mm|*KXRr-T20L6zcUh=w#xl+f?*6;1c=wy+9Op
m2)ZGFcLs~aPwQ06QTziKSL9B?!}!Ml0000<MNUMnLSTZYlG&~R

literal 0
HcmV?d00001

diff --git a/src/components/Board/styles.scss b/src/components/Board/styles.scss
index 4248bd4..5d4c760 100644
--- a/src/components/Board/styles.scss
+++ b/src/components/Board/styles.scss
@@ -14,6 +14,13 @@
       background-position: center center;
     }
 
+    &-cell.question {
+      background-image: url(../../assets/images/question.png);
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: 70%;
+    }
+
     &-cell.revealed {
       padding: 2px;
       border: 1px solid $gray-border;