From 60e3c5d8f9470161f6f23542ddbd5ecf897b9de1 Mon Sep 17 00:00:00 2001
From: Melvin Valster <melvin.valster@gmail.com>
Date: Fri, 26 Jul 2019 21:38:31 +0200
Subject: [PATCH] Include fallback icon into the build

---
 src/components/Icon.scss                         |   4 ++--
 src/components/Icon.tsx                          |  11 +++++++++--
 src/components/Talent.scss                       |   2 +-
 .../{icons => icon-meta}/large/default.png       | Bin
 src/images/{icons => icon-meta}/large/gold.png   | Bin
 .../{icons => icon-meta}/medium/default.png      | Bin
 src/images/{icons => icon-meta}/medium/gold.png  | Bin
 src/images/icons/large/inv_misc_questionmark.jpg | Bin 0 -> 1369 bytes
 .../icons/medium/inv_misc_questionmark.jpg       | Bin 0 -> 892 bytes
 9 files changed, 12 insertions(+), 5 deletions(-)
 rename src/images/{icons => icon-meta}/large/default.png (100%)
 rename src/images/{icons => icon-meta}/large/gold.png (100%)
 rename src/images/{icons => icon-meta}/medium/default.png (100%)
 rename src/images/{icons => icon-meta}/medium/gold.png (100%)
 create mode 100644 src/images/icons/large/inv_misc_questionmark.jpg
 create mode 100644 src/images/icons/medium/inv_misc_questionmark.jpg

diff --git a/src/components/Icon.scss b/src/components/Icon.scss
index d17e190..fbe78de 100644
--- a/src/components/Icon.scss
+++ b/src/components/Icon.scss
@@ -56,7 +56,7 @@
 
   &--golden {
     .icon__frame {
-      background-image: url('../images/icons/large/gold.png');
+      background-image: url('../images/icon-meta/large/gold.png');
     }
   }
 
@@ -78,7 +78,7 @@
 
   &__frame {
     position: absolute;
-    background-image: url('../images/icons/large/default.png');
+    background-image: url('../images/icon-meta/large/default.png');
     background-repeat: no-repeat;
     background-size: contain;
   }
diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
index d615c9d..7adfff9 100644
--- a/src/components/Icon.tsx
+++ b/src/components/Icon.tsx
@@ -18,7 +18,7 @@ export const Icon = React.forwardRef<HTMLDivElement, Props>((props, ref) => {
   const [name, setName] = useState(defaultName)
 
   const bgSize = size !== 'small' ? 'large' : 'medium'
-  const url = name && `https://wow.zamimg.com/images/wow/icons/${bgSize}/${name}.jpg`
+  const url = name && iconUrl(name, bgSize)
 
   const start = Date.now()
 
@@ -51,4 +51,11 @@ export const Icon = React.forwardRef<HTMLDivElement, Props>((props, ref) => {
       {children}
     </div>
   )
-})
\ No newline at end of file
+})
+
+const iconUrl = (name: string, size: string): string => {
+  if (name === NOT_FOUND_ICON) {
+    return require(`../images/icons/${size}/${name}.jpg`)
+  }
+  return `https://wow.zamimg.com/images/wow/icons/${size}/${name}.jpg`
+}
\ No newline at end of file
diff --git a/src/components/Talent.scss b/src/components/Talent.scss
index d94aa15..6f1a9f0 100644
--- a/src/components/Talent.scss
+++ b/src/components/Talent.scss
@@ -45,7 +45,7 @@
     bottom: -1px;
     left: -4px;
     border-radius: 6px;
-    background-image: url('../images/icons/large/default.png');
+    background-image: url('../images/icon-meta/large/default.png');
     background-size: 100%;
 
     &:after {
diff --git a/src/images/icons/large/default.png b/src/images/icon-meta/large/default.png
similarity index 100%
rename from src/images/icons/large/default.png
rename to src/images/icon-meta/large/default.png
diff --git a/src/images/icons/large/gold.png b/src/images/icon-meta/large/gold.png
similarity index 100%
rename from src/images/icons/large/gold.png
rename to src/images/icon-meta/large/gold.png
diff --git a/src/images/icons/medium/default.png b/src/images/icon-meta/medium/default.png
similarity index 100%
rename from src/images/icons/medium/default.png
rename to src/images/icon-meta/medium/default.png
diff --git a/src/images/icons/medium/gold.png b/src/images/icon-meta/medium/gold.png
similarity index 100%
rename from src/images/icons/medium/gold.png
rename to src/images/icon-meta/medium/gold.png
diff --git a/src/images/icons/large/inv_misc_questionmark.jpg b/src/images/icons/large/inv_misc_questionmark.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5aadda3a191fa8b8851503838839b2ccd9eb8ecd
GIT binary patch
literal 1369
zcmb7;eKeB`9LJw$&$eeSHy$R-He+bHp}ady7Ui|%5|%S52@%JUD~hX>oKi?$LR}?N
zQ@Tb%<fYUmjznSe?&hZDwP_oT-F5Hj-23nS{?7UR^Zoul-=BO?J`Sk4JG(gpAP54k
ziUH(9z)k=Iq0wjvqgWUW1`Dg;V1-nbm6cQwRdsbl6+txCle9GO+L{PL&?9J*$rK7j
zLyKxa)iEIHP;|aQK*cGHh1cP5>vZr4Ugv*H-U=W%z!tEDKq`PjKnMZl?Enz~0TiV8
z_FrLP6dD8J6y{bn00p8!6c&U~@ZSLt1p#Obf>qapHOw5mf~YYm3+8P&O-Jv2*%RMz
z|Iq$}Lt_943xg<yxfuZzAT)%7zL$MVqY;drnU}gl5LN?E)sHDz(B!<43jh^JVImL$
zFaYW3+~nk(kk!~QRbO8ya0|)nw9DMvX|}z?U?wN9pi#N2*ij|fesuSB_OOAME<ac%
z5m!dEv^?KJspgJX-<UV*J!@Yd#pf<LmmatMN?Tl(xk^eZgm!jLE5(7+GV{~{pT}yE
zR<uJ_tb{Gfw%3%No3gHtw#CO$KXv}H(I6_aV$<BL`1G`2nXKlFNt<g`A?<?twpTBe
zR_j)UNcXbGm|o}WeBP@OAX_DIRz12pMaI9khfi;qQpWa$xmQ?wzSx{z6p>|_X(Opp
z4&KMynFbQ|b^05&dkpkSXJ~}ZKlFHf*2^BA^){wU^7v|cij;HaS-Iu&V+6N}L#JBj
z%ESX>oPl?H5`51~h~s7sv81%cys4upW4WxMIxhR`2s5dBiO}C;<C8gZoIJB82P$c4
zZgw68lRFs7iBf@0kh!N9K`W{<QkwbO@vpb<AHMp5l9c0MnJ@AC3}@~izF*274AHOG
z%{Xhs+Aw-kg#GyCBl+O(BA?3Z<n|t>68pkVi&EIpv4?GHQ4nIXsE@?N$D5ozy^DHc
z8cH1SEFsQ&RfsvY#p2II`hJ1`hwR{sTJH)o&rsM_BIC&H#|a(&PR#AbB@0CQyx}{e
zcwY1^?xcySX=tp#z=Ok}1-2%x{Lmz`U3kpBY<x1Z>&<~9Z{t*@m9P6(J^4%GWi}0*
z7%awc#YuHfk9Lj))-|W`U_QK7^gy=jL*Jk8ul9Eo4G~f^a>{d)>RK7I4`#lY`>bp|
z(j6A}rb=e6?YQ~AtoKIi`=O+O=vz}y=3>`kfY_jn;nb+mY}O9hJu9Ch^QjKyg<V%0
z2GNq>fT7{$i@SZ{gP$0KOsdOCQX?nSzO2YT>qkVTx9M1ITJ&Cv#PF)M+&qE5whKL!
zZuubGV`;y+n~jn8n38!x*A_abV@g+4dX9bDTc8vA=x(xr_N&m)PY#^3Crvci5T3jW
zJ6vx#XV(~vzk~CI?#akG59I*%d}Y4vM9h^zQnj$?(4#&dKTZ`8V8Q7#7I`z&mcQf&
zU+&1@I>nN%nKp;#f@N@W`^ptYM5(CG#IP;JbG*1Ew7i)X(>}>hnAyrd#(&mI?mq$F
zO-{E2mWWFd%>#6cMmo8MoFj3V$X%>$+G9g8k^>QD8;TRJ)uf8LkRT2@j%OV1zAxmG
zyLTSm-!+SrK}zQdT|<Iy<HS~n7gX`p0kK-^No~<4Wll{s)SK-VambL%+v3&LaQE_4
z3BnC+y7kTz(o|{E$PAV%whnk0#>0l`#pi_mEXsNTt)HH~g%uLrnYoMB8y9L>=}b5O
kO^Iv6cZ}Shn)o|s8C)VobkFSY^{RFg<L~^msYTBJ3ubFa0{{R3

literal 0
HcmV?d00001

diff --git a/src/images/icons/medium/inv_misc_questionmark.jpg b/src/images/icons/medium/inv_misc_questionmark.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e2e8fe0787c7fc962d3209b76c5fc9020667b9df
GIT binary patch
literal 892
zcmex=<NpH&0WUXCHwH#VMg|WcWcYuZ!I^=TnT3UgnH5N|va+(V^Kh^O0Y5i4CyyY%
zkdPq1prEjrjJU9fl&GMfgrbC$tgO7eys)^Eijtg)jGVk2$Ph-LR(3XaJ`N5(IT1k-
zIg-Ku0}O&33@QvN%#2D5OoEKef{g!<Fi0~nGB7bQGavyrc1ECsIe?Nn0t}4IK)}Sx
z3YBMMVrF4r6=V}qG;~a44-{5X4r(-Vnz-;HP_-n`BxXh=gBVy?8JOAFfl?ZRAcL4#
zS>P6d)UpUF3I(zX15IKRo%pbD<A?vZ7<hmtFbOgXGT1YGyzygGO8P6C&#S+ydI#Fy
zR9m;=R=rPEen!vRPt4_egH`u;BwMUsDyY7|&fVv$&12?SD@@LwxtafA-O0WytuB>%
zOSdy>s;Vnn*!J6ZO^$oFy|#KqNTR`))l;rAEm<gWYl7kNTNA9GcX6%VWYgB1_T9c(
z{g1?Dm+PlKuJU2qzW%_*o%?Jw@AX{$pucPCYM0f#YgGRpka)XVLm_>qrA#>c>J4w+
zIT<QBr!L+0K>CtFc{%gZT$5`vw^U_k6}>E*a{GJvZB52~W&B$iKGm#RJvV*@&ra?M
z3#RZ)y6n8s_NBJu*;RbY)ji(N`K$X|Ueugx@|~!A$&DK}9I*Z=yJy9e%*&5deU8u8
zY<Z`$ba}|cc{2~#X~vprtaO=tZR!fvBJZuK%9C$|FZvP^o!0nePn=Mj+^$op{8r^m
zAxr<YZL(Go@c4c<;8xO=x32>ZY&D&*vPkHn^0%f+`^L#XR`Xvut2b9(O1nUx-^Y9Q
zm1(JFb5A%N<9qloXrJ;jryHeFKes*1{A+TV-)zIChl{Qs<NQ$dIF<iu)wJ3}PhNkD
z5B?NVS1x*?!s7+QipzbPM@4m}YJ6Ago3wb6o9EfWiyvKX%wl$OjgB>qX}u);<KN#k
z{~1h{@o&{SBJ@r*&v{;`<k4;0=2(kOZsn2VbFaF2cl~tlB`(q}+f!ERzTql#b>aE)
zY|5&6$0l(~x?l2FmR6Q}#3*YQ)^MRzWNB1Gv~}p-nT1y#cNGZi-LENk`1q`#sUq?J
GZvp@o@IuA_

literal 0
HcmV?d00001