From 516a94a78e946b9abf95761db04c8881f7b2fc13 Mon Sep 17 00:00:00 2001
From: fatih toker <fatihhtoker@gmail.com>
Date: Tue, 7 Jun 2022 23:04:00 +0300
Subject: [PATCH] feat: add success modal images

---
 .../src/assets/img/crabada-item-claimed.png   | Bin 0 -> 3738 bytes
 .../src/assets/img/reward-item-qmark.png      | Bin 0 -> 4062 bytes
 .../src/assets/img/reward-item-to-claim01.png | Bin 0 -> 3541 bytes
 .../src/assets/img/reward-item-to-claim02.png | Bin 0 -> 3592 bytes
 .../src/assets/img/reward-item-to-claim03.png | Bin 0 -> 2519 bytes
 .../src/assets/img/sharapnel-item-claimed.png | Bin 0 -> 2932 bytes
 .../src/pages/Content/components/App/App.tsx  |   4 ++-
 .../Screens/NftClaimed/NftClaimed.tsx         |  30 +++++++++++++++---
 .../src/pages/Content/constants/index.ts      |  20 ++++++++++++
 9 files changed, 49 insertions(+), 5 deletions(-)
 create mode 100644 packages/browserExtension/src/assets/img/crabada-item-claimed.png
 create mode 100644 packages/browserExtension/src/assets/img/reward-item-qmark.png
 create mode 100644 packages/browserExtension/src/assets/img/reward-item-to-claim01.png
 create mode 100644 packages/browserExtension/src/assets/img/reward-item-to-claim02.png
 create mode 100644 packages/browserExtension/src/assets/img/reward-item-to-claim03.png
 create mode 100644 packages/browserExtension/src/assets/img/sharapnel-item-claimed.png

diff --git a/packages/browserExtension/src/assets/img/crabada-item-claimed.png b/packages/browserExtension/src/assets/img/crabada-item-claimed.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab43fc0960bd177e229a65bd75ace5d12c2736dd
GIT binary patch
literal 3738
zcmV;L4rTF)P)<h;3K|Lk000e1NJLTq0024w001ip1^@s6DKVQC00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH4lhYWK~#7F?OF+N
zljoU!e(Bd?U6yRir+i`?Uw|>Uv14-@2qaKqSkjPCHVK6-flilfH_eum>9py#O~|o3
znc2+-Lc?wdBwU5Wp<s;T0~cQ)V<TI#WLuVP-S_!xKba-FL&MYuOD8jZW;C+?@B6?1
zd-Pt<_sYOu@mG8+LE#ahqGZmd#H{GYQfA0`Y`@547_@(J?32&x@rXd<5g<z@i+=I@
zPoI)z1Sy_K0^NuOnVp0GP+y;vqZuC7;t}AH5CxByTkcg-+W%^X-t0tvoER-yE6rll
z96TaC5~4zZKrV0^;Pm+5aQk3!au8-1@WXy#USeWoN=A^ylJ)BKZTNq}!;aC&dg1?h
zr<N^QxN7dwf*;W_)MMH4HlC+-1TKRU2?{v|88*gfsgutZ9-E<W-<DQbEN$#F)n97t
z*xuCL-;alkhe9+GgBzcH{O7Sj_lkkG_S*jM#N?;=)1nrq&Rryyh@sOCLoDTk$@Rmc
zH=>Z92dmuzkxT@NqQJM0f$3_4P}_sE!@Q5)s_A?N4;c@|b@v?D_vVUOG2gSFdKdb~
zqw))X^aFST9waDf@bo?i6D9BpC7{d{VkPkyj?+Wpmcu>df>bJnB)b4MxdPUqSz*-&
zpSMQV%t=X!SfO}UVceF^ZqvVJYZGUM!0N7{u4^y_Oq*zSQc_7A-}b$fumJMX73elu
z;IWKijkFr7qMHy}M=@~hJ&3kFPkcIzkSBzAe>~ht0hk#l_^v3#WW^#z7K1LghbpZq
zJ2+-A-Pn>V+%jj$(%ov2o0{`W#U2GpqnmND3AnxlQ^52sDikU?9d-R<8h?gm<==uY
z^MS6lpl4kRI35PNjwU#4HrVt-h>ugCueTo(u@D$yu;j@q4Agg_yQdp8%|<vJMzn}4
z`OU_HD@7?XDi{}seo~4SN3V(Qv8s(Osqv?nBBm6h`T6V8!DH_uJG&O3L!H@_X<>$h
zeS9b;8%47cuqacAR51tFYMLM#>V!=!$IR#UAt^o;JT4yrPXOmHe1h0z$#CCxAT23z
zoTSI?Mz>Oh>hvVYhg)IN>rm70g;J1!v=YAcqr<oIG^3*<m;$C`QEFjv6`h^8KRl@W
zA)7@H>$P3y=P#U(XI7WP?y^H!e-5F(3*Z>75ET?bQo52@GYKa1C|H~@B%&D1EY5+)
z>j6s|3pSgDfImpA$^peD4^Y+PMqfXiZZG0O49dM;Xf<<2xeVjR6ftR{ML&6GK70A<
z_b8!=qDWmNyGhy`wc>?mE9Zj6Vj&m`AyJ{g#fvher*Od*M2%a^WHUe>qkz}%1efL`
zOp}O>3xjp}3sO&MxM?A*Y55R~#W<~{k?!z}e*pp>jmF_%@1^FJiXNlUfhl6rM9UK6
zemEyPp6a^Qi01ZstSnfAO(nDN%lChc+ihJq`tAovl*=HK7od9MDpFNLVAD}htJ^R%
z+>7B61A-I-RxTe4Sb1=!C~>m855a+6M7Oqsw`wC|7cW9@ogeA;0sKMdtEunzZSA*O
zt(XQ_m?Q!s5o^HhK|9L<e?c}hb|>zbY^WRUf!c1vpxci=s|O<?Hg5N6&{%&R%9~20
zrp`u1`Bto5wH<9uH$k)f;Cy)swWBWVed81YTMJ03p<vbN;Pbe_&YXe3`e!gAOKY4i
z$p|KG(Z;s!bKH#lzk!5gd9EK_loPu;44~Hh99YF*W4#&y{TQ}Lgou{QajfPv&K*6D
zBwB<yC3Er5Z@mqh(~J<T;F#5LIg)Vflfx(!aY#1iU@#DX$K`?DWJP9n7NTRs@puTB
zG|{fN4;-J(6XjCb**^|(xV(UF0D0C9jE*dVU6u^SXhu0Nh~2A~K@i2q&P`9_4%Y?s
ziA%WN*Z>yE^BzY4Zf_L4Vgcq^`f=m*Ekx(ZFgEA}y&wjD66dsl2a{n8rZMxRz3!X9
z#uPBp@cY_$t@&TL&1XY?Nm6+X&x`eiLNpxz5^(`1W(!S-S0rG-GJ;<<p9Yhf0Kp6e
z%vW0R;`evq#EIX5$6-TL9tB6o062O(yiN*z33((*k;G)S!%r+qlN$U)LSTOK;<?*A
zHh;~C#bLq}F=fGU^XBg@)oWI$D;CA$L*7y}Up$4)8&=>;H;tQ)QBq>G(D$@Ll<f!G
zM8unj2X?fOXd?<zQeK=oLe5TuySxkzp#wC@u<S4c%a{#8y9=dZ1CnDx@caBImpF2p
zIoxvc*gKdarsWoWy;|kwPz!Q<8(>)cIGSYXpvcCwq>ShSTrdmQ!_+5)OK*Uqe*k_`
z55r6dDMa!)#;gd~gK#<RU?nmnF5Ph3oP<~q6+$1f%NIbJmJSDtj~;#;wPx+=)tCmR
zMReHZ>O6b#5AJ7Dd5{xV^pOJ^CnEzCQ8-jg%=nx@Y#!VOJM8^>gse_<btxeeC&OuT
z5l!rbtJ4Hp6o#LWw2^soZvdN1^N~VIk;fZEJ(C2-S{byCej}!V=@A_scDD|>j?iQk
zc4ET#wUAB?wmc3L>+aH&PyjD+UEgip_(`?4<{XN0X2NJBu1nn1r*gyU8UYg|%E;%#
zuGs>jpJN~`eG&sH=}1_;5ROVg*pOwZ+Ynxksbbn0?eYly+aVuE7i7qXfEVeSPKaIR
zug7T~4}L3QsJbgr&!736SkjL8*kss<RY4?PxR(!(jEf9G2mzKCjQWol<a1z04qn;y
z3vA-=rb=Gf^d<#r|GIG5l=S(evhK#G*5Nn5I7DrKY8jQtR-^Hj5oVjsQvKZ*iaL0*
z5<5Ai7)8-=`@CRFVvuX?hNAZ(Ms5v(v5k(e;cyTaCGnXSufV|ADB{<q!JkCIr?#Ou
zV1<?~hMB~GlDK*CuIIqz^I>E;!9%Q=q^mWCaGzXqUVf2y(`2?j@vQsO(^;gLV*`co
zKJv}-NoU}6T0+#Dx)D$4R>yURL@|ny<ON`hW#jV|Ehi8+a0x;Y8)*U#)*sjhk5NNT
zEthfqW(SOB3laDnC_h$0A(y}xAi9^fAc16KeO3{M@@RZj_YRmka^{UrBScAtChN+X
z%ooR4-2yh7eKad8>#9nn3QuJJ6DCT?<@{=s_&-y*p9wi-ucCAYd#NJs9ofIRD_^zP
zEH*!hGZ3Qp5F{=f2oqrt6ytZt{{zCFx4{@Xut5=x9dEgyH4GsqJp+n}&}X@jn3dqo
z5Yv3yh#9p?BXM6I{%-GnRK8L9r+fYxcGT9^?%1_!mxiY46~SQe&vqRq?7G!u$$M62
z`>POeK-GQ;|K1S`b9z--@30{^KFndW*KA*43g7KsvUMGZ&PfDKvgrCPd+^h@evSE2
zw;+vTBbvO1?O_B2X_%3m0!3N^Tp@pFdwtgiEyWEq^jQllzw;vZw{ILq2Fc(LLS$_3
z-n}v&kN51AD_3gB3CVzmL3DOb^!(-dqAH6kgcn+8qJ8cbWTq%60oOb$=yT62EGeaW
zoFQ^p2_f3rg%n*o%GN%IE7F-zrYypl4j;<6Dnt=0w`c^2Pb@@O5DKVAdz)J7+cw_n
zA5wMo8u)t-9NfNd-@b`%3uR?xQH1Q4%a<>IOvqZNO*AYP^kl~Jww+bc(QTy%K#@*C
zpV<LkXB~tyQYgR03Vl=}Wa?|k8oCOl#toH=jc#fB`29>$4m9;&Aw_6M!?FV0G^^U1
zPu|!zPuX|q+=$)2VZ#Qhs;cV3Yp=Z~z5m%3iv>+hP0(t!-)Q9s*{-gxVx>}f^g;Wd
zaCvEL95jE{Vy^hYnPZ@Mg1a{h#n6a}Ah>V>rt6=<Girp_W<gZQ30->!h6>8RzCY;k
zqrsUq^rlp-msVzkR~`Cp@!GGpoUMDR==u2UMC!tY3p@7j-=A^+bBSA`q@)DPmoLZ8
zojV`6zumicSCF?#OqXZ`9iyR<*;}JHasL0UliWF_P$@M?<hT$x{o(n<!DiENm&T6R
zRFZ)ucS(}-t6SMb`bES4bo%)Q#g{uju2$8xXeyGcq)UIi<h}HHnJYJM-u&$S){1l{
z4jno)-V*(DsHmu*Qd3hm;$aY_^5swFu2>YCmV4S5==r0GAxg$`^9Ia*wl1hv-Ke0h
zbxFp${g$E8gGA5W_74xjZ?VDIUWcvKEaW_aO_BY3dtIj*U;cdA$%do-DOq_`Ou6I*
zQYwo7<awmIeemExeER996WZU588c=-XlzoamsyX`Udy6GP`9<5@*ny1RaSE0%dytJ
z{h3Ju!^I9~wVfz(qtX43WGb^_Zj6}u=qEoLV@s~4{=maLIsg6Twt!~5C);&HkNG?E
zw0Az}`1{O-=_l#f&@8@@|BYs=tgM7aGqIj^W@e_8l$~!Jo0LVhVpVRJtpUTwMvmUO
zGi>axz4Wr#>n{p0_&8cDijdStNJi$8F0I~VGgaKGZ&+sk+<ELm_&oVljr}zl+qF^H
zTa1@F+M9#^I49-xdZ*PciCEw1bUtv6Nm<n6cM5y1w+?n+)i&L`*4;gHryF?V{<$@6
zgYVz_+uh)9yKQeKhil*0T|AY_jK{v1W4D<tSK$f^)M|A^(^X=Mh{SVaV`ImI#wSJ8
z@~&|m!{y)m#cUE_hKxFc+pF`o{@<&EuQ(#>?Bu2f1NCQ5Ztd^yuY8b5h*&K0dJxW>
zITIcn96W=+G}6-2WZBu-ya$bQxm+2Mbms6Bz%WdB=FFKl@NEHUfL9(la%9pZUw{4e
zNG~Y^-zE_EeC_bz!^|W}7USCpLbmdymtInnvclXWbU#6&n3(G7>dTm*B_G+p-%JrZ
zR<B<DM0|XFF^TVt$OW_6+<)@q$y&W${~`HUJJE&y8>y4>17P=(+yDRo07*qoM6N<$
Ef>ES1^#A|>

literal 0
HcmV?d00001

diff --git a/packages/browserExtension/src/assets/img/reward-item-qmark.png b/packages/browserExtension/src/assets/img/reward-item-qmark.png
new file mode 100644
index 0000000000000000000000000000000000000000..0fbc7c0c5bc65cb3a8d98c7070fd4cbf24aa4c5e
GIT binary patch
literal 4062
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
QVgLXD07*qoM6N<$g21@5DgXcg

literal 0
HcmV?d00001

diff --git a/packages/browserExtension/src/assets/img/reward-item-to-claim01.png b/packages/browserExtension/src/assets/img/reward-item-to-claim01.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b00dcc0512a4845d00b04c9fbbf533af942eaa3
GIT binary patch
literal 3541
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
P00000NkvXXu0mjfczDn@

literal 0
HcmV?d00001

diff --git a/packages/browserExtension/src/assets/img/reward-item-to-claim02.png b/packages/browserExtension/src/assets/img/reward-item-to-claim02.png
new file mode 100644
index 0000000000000000000000000000000000000000..53412b6dffa1a1d745b97666b2cd7b119b83a31d
GIT binary patch
literal 3592
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
O0000<MNUMnLSTY1Ox0}w

literal 0
HcmV?d00001

diff --git a/packages/browserExtension/src/assets/img/reward-item-to-claim03.png b/packages/browserExtension/src/assets/img/reward-item-to-claim03.png
new file mode 100644
index 0000000000000000000000000000000000000000..f84c5ba6c2892f066810903f539bb37b5c747f67
GIT binary patch
literal 2519
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

literal 0
HcmV?d00001

diff --git a/packages/browserExtension/src/assets/img/sharapnel-item-claimed.png b/packages/browserExtension/src/assets/img/sharapnel-item-claimed.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bf3c4b79d9866ee33085e3c96eed3184b86410b
GIT binary patch
literal 2932
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

literal 0
HcmV?d00001

diff --git a/packages/browserExtension/src/pages/Content/components/App/App.tsx b/packages/browserExtension/src/pages/Content/components/App/App.tsx
index e9120029f7..8205ea5026 100644
--- a/packages/browserExtension/src/pages/Content/components/App/App.tsx
+++ b/packages/browserExtension/src/pages/Content/components/App/App.tsx
@@ -38,7 +38,9 @@ const App = () => {
     const hostname = window.location.hostname;
     const reward = REWARD_DATA.find((i) => i.host === hostname);
     if (reward) {
-      setRewardToDisplay(reward);
+      setTimeout(() => {
+        setRewardToDisplay(reward);
+      }, 2000);
     }
   };
 
diff --git a/packages/browserExtension/src/pages/Content/components/Screens/NftClaimed/NftClaimed.tsx b/packages/browserExtension/src/pages/Content/components/Screens/NftClaimed/NftClaimed.tsx
index 1e6b563652..204338a234 100644
--- a/packages/browserExtension/src/pages/Content/components/Screens/NftClaimed/NftClaimed.tsx
+++ b/packages/browserExtension/src/pages/Content/components/Screens/NftClaimed/NftClaimed.tsx
@@ -1,9 +1,16 @@
 import React from "react";
-import { Typography } from "@material-ui/core";
+import { Box, Typography } from "@material-ui/core";
 
 import SuccessModal, { useGenericModalStyles } from "../../Modals/SuccessModal";
 
-import { EAPP_STATE, IRewardItem } from "../../../constants";
+import {
+  EAPP_STATE,
+  IRewardItem,
+  rewardItemQMarkImg,
+  rewardItemToClaim01Img,
+  rewardItemToClaim02Img,
+  rewardItemToClaim03Img,
+} from "../../../constants";
 
 interface INftClaimedProps {
   changeAppState: (state: EAPP_STATE) => void;
@@ -15,7 +22,17 @@ const NftClaimed: React.FC<INftClaimedProps> = ({
   rewardItem,
 }: INftClaimedProps) => {
   const modalClasses = useGenericModalStyles();
-  const onPrimaryButtonClick = () => {};
+
+  const imgArr = [
+    rewardItemQMarkImg,
+    rewardItemToClaim01Img,
+    rewardItem.nftClaimedImage,
+    rewardItemToClaim02Img,
+    rewardItemToClaim03Img,
+  ];
+  const onPrimaryButtonClick = () => {
+    changeAppState(EAPP_STATE.DISMISSED);
+  };
 
   const onSecondaryButtonClick = () => {
     changeAppState(EAPP_STATE.DISMISSED);
@@ -26,7 +43,7 @@ const NftClaimed: React.FC<INftClaimedProps> = ({
       onCloseButtonClick={onSecondaryButtonClick}
       onSecondaryButtonClick={onSecondaryButtonClick}
       onPrimaryButtonClick={onPrimaryButtonClick}
-      primaryButtonText="More Offers"
+      primaryButtonText="Done!"
       secondaryButtonText="Go to Game"
       topContent={
         <>
@@ -60,6 +77,11 @@ const NftClaimed: React.FC<INftClaimedProps> = ({
           >
             {rewardItem.rewardName}
           </Typography>
+          <Box display="flex" justifyContent="space-evenly" alignItems="center">
+            {imgArr.map((i) => (
+              <img width={65} src={i} />
+            ))}
+          </Box>
         </>
       }
     />
diff --git a/packages/browserExtension/src/pages/Content/constants/index.ts b/packages/browserExtension/src/pages/Content/constants/index.ts
index 6dd64ce98f..85f9a9e047 100644
--- a/packages/browserExtension/src/pages/Content/constants/index.ts
+++ b/packages/browserExtension/src/pages/Content/constants/index.ts
@@ -21,6 +21,7 @@ export interface IRewardItem {
   primaryButtonText: string;
   secondaryButtonText: string;
   rewardName: string;
+  nftClaimedImage: string;
 }
 
 export const REWARD_DATA: Array<IRewardItem> = [
@@ -33,6 +34,9 @@ export const REWARD_DATA: Array<IRewardItem> = [
     primaryButtonText: "Claim Reward",
     secondaryButtonText: "Back to Game",
     rewardName: "Crabada 761",
+    nftClaimedImage: chrome.runtime.getURL(
+      "assets/img/crabada-item-claimed.png",
+    ),
   },
   {
     host: EAVAILABLE_HOSTS.SHRAPNEL,
@@ -43,5 +47,21 @@ export const REWARD_DATA: Array<IRewardItem> = [
     primaryButtonText: "Claim Reward",
     secondaryButtonText: "Back to Game",
     rewardName: "ATG-36 Helmet",
+    nftClaimedImage: chrome.runtime.getURL(
+      "assets/img/sharapnel-item-claimed.png",
+    ),
   },
 ];
+
+export const rewardItemQMarkImg = chrome.runtime.getURL(
+  "assets/img/reward-item-qmark.png",
+);
+export const rewardItemToClaim01Img = chrome.runtime.getURL(
+  "assets/img/reward-item-to-claim01.png",
+);
+export const rewardItemToClaim02Img = chrome.runtime.getURL(
+  "assets/img/reward-item-to-claim02.png",
+);
+export const rewardItemToClaim03Img = chrome.runtime.getURL(
+  "assets/img/reward-item-to-claim03.png",
+);