From 3a3be22af026618a387d2759b80d447c195028ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Odziemczyk?= Date: Wed, 14 Mar 2018 15:31:58 +0100 Subject: [PATCH] Remove svg usage for user status (#1486) * Remove SVG usage for status indicators to speedup channel loading * Add needed assets for status icons (72x72) * correct folder name * Delete offline.png * Delete dnd.png * Delete online.png * Delete away.png * make icons white * correct size --- app/components/user_status/user_status.js | 22 ++++++++++++---------- assets/base/images/status/away.png | Bin 0 -> 979 bytes assets/base/images/status/dnd.png | Bin 0 -> 818 bytes assets/base/images/status/offline.png | Bin 0 -> 1162 bytes assets/base/images/status/online.png | Bin 0 -> 1092 bytes 5 files changed, 12 insertions(+), 10 deletions(-) create mode 100644 assets/base/images/status/away.png create mode 100644 assets/base/images/status/dnd.png create mode 100644 assets/base/images/status/offline.png create mode 100644 assets/base/images/status/online.png diff --git a/app/components/user_status/user_status.js b/app/components/user_status/user_status.js index 6705b54ca..6753d3450 100644 --- a/app/components/user_status/user_status.js +++ b/app/components/user_status/user_status.js @@ -2,17 +2,20 @@ // See License.txt for license information. import React, {PureComponent} from 'react'; +import {Image} from 'react-native'; import PropTypes from 'prop-types'; import {General} from 'mattermost-redux/constants'; - -import {AwayIcon, DndIcon, OfflineIcon, OnlineIcon} from 'app/components/status_icons'; +import away from 'assets/images/status/away.png'; +import dnd from 'assets/images/status/dnd.png'; +import offline from 'assets/images/status/offline.png'; +import online from 'assets/images/status/online.png'; const statusToIcon = { - away: AwayIcon, - dnd: DndIcon, - offline: OfflineIcon, - online: OnlineIcon, + away, + dnd, + offline, + online, }; export default class UserStatus extends PureComponent { @@ -48,10 +51,9 @@ export default class UserStatus extends PureComponent { } return ( - ); } diff --git a/assets/base/images/status/away.png b/assets/base/images/status/away.png new file mode 100644 index 0000000000000000000000000000000000000000..498959962fab026c308d192843c091690cf75155 GIT binary patch literal 979 zcmV;^11$WBP)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGqB>(^xB>_oNB=7(L02y>eSaefwW^{L9 za%BK;VQFr3E^cLXAT%y8E-^XO*0N*(00TowL_t(|UhSMsZrd;rg}u%(yzQBDf&jfi z56}yApPjR55_Hie``(CZ1X&g>Qsg`u`T)kZG~x`O_#;wMPAv!_JRzNj^!gIQ#|7Uv z!ee;sm``|$+4l(xFcjqS9KxRueBT-7$-Fxfi-E>~k#cHDF6Jxx6%~tth4A+~KAo`` zbVOn>NH}vfno%wmi*IeB^C5`ezwjxF#nxUZIz;-0)C-KYjYxD9!sicj+Z7gbU6JSj z)%K_P>k^B-j!4Wng!eb|(=}FxeMMr1k0H*;jv_Im`r=ssz|m%sYWH(Hh{OyU^f`+o z47bI76)EVGcwqgrxPH~kef6)-Ge$QafYjnT=Nw($gf@d|RkmFx!MH_GL`5KyjKzQ< z`<+(P2O)v1%;{PLqgH2(DAgdc9uEvqdz#M5#RRglFV`aOa9Gb#t3lw#$cl}P12F^z zGOpv|#$jJm`Va^k(7ascTA~8YrXl#@ah8Z`4I*E$#oH$y2n%$19s_7Sv`-NhC=U7f z<5h);auXxxL!fmiklpY0LR_HN7X;ukypMOVh`_$NNX`P?c_(24?OTfEU4wuXR#qedfrze1A_5Ujk>JF2 zvN}UeB%7?dE_W=TB$6$6_+H8{BO{XgisA|qBAGzQ)NRo|fu~55`}B^teeNJvq|!%t z;%y&-U!u)yBuk{yGJQ>h@B@k~4fjiI6A88j0?lqc6KoK#MdW^wU{_L}>q#^>4*S$e zi^To$5#L-E1=^|iZ^3PmxE-nB3EhqMmb+uys|bV#)PI>pfsB_~MtI;39iK1- zuS1P61N~`84hz$XT$s^giL|3QBh2tIM5-Xp2s7@xPuii+NkIpFj&22`)mG>Tsi*6t z?bkV_&><4%Kf==zi;c5_w&F~o^C1YORRD{{SC}~rMq@o`Wj)6m28P5lht%?tzpwK@mYYJ+Qnm9|C_+m=^qb?UOPF95-k7#002ovPDHLkV1i?* Bv&R4c literal 0 HcmV?d00001 diff --git a/assets/base/images/status/dnd.png b/assets/base/images/status/dnd.png new file mode 100644 index 0000000000000000000000000000000000000000..a312f385ac70ce0ee5ed2bd19aef891d0ac11601 GIT binary patch literal 818 zcmV-21I_%2P)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGqB>(^xB>_oNB=7(L02y>eSaefwW^{L9 za%BK;VQFr3E^cLXAT%y8E-^XO*0N*(00N>(L_t(|UhSOCal;@Gh1G?NQV;1Y6=WtI zq<}P#yKm0LvBw7=$$P9A%lg9t{eZOJ46!XCSY8$Zi|k?vj4=nK(x&6_!(1*WydMXz z;kB+Dlvx#@Cv1Ri$m#TMZnq2GPYcUr**S?tLo0*JATJ3;>Pp+QXqdU*Kk>RQVnaG2 z(HNw1mTnY^*s`uSv2ts~`TT>|G!fgD7m5`ky&>fSZCyqrR%EW%FI#O+h|Tkg#0ucH z-?qXW5!>exi3OX#zh7HX&PW@k6^R9ILLA4GBC()NiQ||;Bo>hMJ;z7PJ&6})Ia-Y+ zWOU;NNIA`OVi`A2LT1iB_eNPYe;8!seJ9=J!(2$4{a%Djd-NX1uoof2A*ogQ(n#C8 zy@)50i076(Qv`PZ~eZiG>v+ z>5rTEVCB|`l%fD)%eulep)pCslZN6sYeU13_@65mof1f0Qg5o_G@+r^U~VbR(fwGa wY**zYN*`=M)e!laz!2}^HS!$6f}T07*qoM6N<$g2{1WM*si- literal 0 HcmV?d00001 diff --git a/assets/base/images/status/offline.png b/assets/base/images/status/offline.png new file mode 100644 index 0000000000000000000000000000000000000000..8f08a3421b5756f516af1aa8493e0f05719d4370 GIT binary patch literal 1162 zcmV;51aPx#1ZP1_K>z@;j|==^1poj532;bRa{vGqB>(^xB>_oNB=7(L02y>eSaefwW^{L9 za%BK;VQFr3E^cLXAT%y8E-^XO*0N*(00a6-L_t(|UhSMqZW}QShJB74%%|v;dV&Jo zwwoTH7btp!c9R$|;Jg+ozZo)3#+F2B9@b3s0g9cmB$B_Wm&eI&30_`aZlvrfhr{8^ z{r&wPd7cGrXe&>JjnA&p-=jjr|S_5N7dndNtTqNw(8C- z9D9C#{wj}GMSZA8B%G15pJN!6qP|==n=p;y0zZf|eD56je%16#QnHHk=ckYo6o z`wwhlJ7+&OYEGhIPWp~AHX-sy%V!`_i2Sno>@kSJc|!P~40`({#p<)iAeKI)Flb_xle7EUmh}|GlA4QNS8Ms< znb|j!Jq9uLp+(s@f#Uq$>HY2?TN_>mF-dH}Gw0LOQ}?)YEbp7k9)sBW5YLfGx_hKj ziY8EkCQyjA9!$MRY~uvt4yX3DNhHMJMEyERcRvGcT_7Mv4fhO0Y63+Bf+kQCD9$K> zbOPJ*Di+;MLsTH;L+*o&CQyPVP=aav|Ap?Q;>nr{*5zJQ29q zzm{aRS%mL>2uUsq)V@F^M88_d3!YBaHq`LdGqhZ9zEp6fVN~ggz(>!>P}0+fR7##v zjM_!QH?KGvvo98@=$*`}6$zg*G6(#Nk5q1dijaZ^&K+k*EfY6BcqU|H)CqxxImUDq zV0bPr6gIK#S%r;B-c&kp9z$MH!;1)o4Q%DSk#O-iQ3@U9iUgXzvj|0>^qn&e7?X-) z&|!&4@Ft^1iA7uMCpTk^S;R5uxYRL2+OyvG;S>iaz67#Ju?>lg%n zcX#*gZ5b=ZkWs5uE*O&H-X~Q+{yt|c7?d(P?dL>&yEudw1LHW6v;UZzYwpK_;7sQB zeimvy8+PEBly1c--4c|bwrsVlQ=B0DsKm)OV6PTS{v|0Y& c1nzeK0QchPx#1ZP1_K>z@;j|==^1poj532;bRa{vGqB>(^xB>_oNB=7(L02y>eSaefwW^{L9 za%BK;VQFr3E^cLXAT%y8E-^XO*0N*(00Xp1L_t(|UhSMqZrd;vMZFg9q&w0^imsq5 zD9{~r)KNFkL1vjbK#?dgP}gVy_a5cR`B>J6e>y(Et1XG2$7_ldAJwcWJQ%$K~qiOO-}{`dV)eHMxNmR=|-lzo)d0=}jZiHaWo zJbvq{tqAiuu1Hj%Zu_IFu|mxEI3iK-!|vg(tEpnF4Piy1z)KLPC#XmibV=g$1QCe> zY94c@@EViISmSK96sOsZ46>S@b9`C$oTS7&eZDsuYyLP&$hcGN@*x)1=ILIfMDMZp z^o;i+C0LiVDo>5IeYh8Kp@evj5Bq=ny?u4&Y&=OPtG%`Cp%4E*@EPFQ?etdT7Iy95XoYD$>a^L5U{)R2CYuCovWe@=0Ff(SI!5RQGEEI}Ob7HF&?oOf~7^#ug-gcJw71e)_JbA5@^ zC5Z#h0!f^C5ja7*InI|R4mb-W=EZOgr5|lXiQ+&qfk1f%8{;Al>1EO1OL7)y$u0I0 z^1KwuL!2brQqBT_&s2Q#>*jmAYd!pZeJg+r% z5OqZiV=Xmj zV0gUbLhJxk$-J7{&!GfKZnZ+0j*=?T^)=url<+@0X_uxh;j}ZU=8X1OrT5eB9FaCkg%t$R{sHu9&&buE{H_{0000< KMNUMnLSTZg7xm5n literal 0 HcmV?d00001