From 32031a5b75c556d7ab8c2ee2eda22e4b40a71430 Mon Sep 17 00:00:00 2001 From: RachelElysia <71795832+RachelElysia@users.noreply.github.com> Date: Mon, 28 Aug 2023 13:09:21 -0400 Subject: [PATCH] Fleet UI: More icons updated (#13270) --- assets/images/icon-chevron-black-9x6@2x.png | Bin 397 -> 0 bytes assets/images/icon-chevron-blue-9x6@2x.png | Bin 331 -> 0 bytes assets/images/icon-chevron-down-9x6@2x.png | Bin 408 -> 0 bytes assets/images/icon-chevron-right-9x6@2x.png | Bin 1015 -> 0 bytes .../icon-chevron-right-blue-16x16@2x.png | Bin 398 -> 0 bytes assets/images/icon-chevron-white-9x6@2x.png | Bin 224 -> 0 bytes assets/images/icon-close-black-50-8x8@2x.png | Bin 324 -> 0 bytes .../images/icon-compatible-green-16x16@2x.png | Bin 609 -> 0 bytes .../images/icon-compliant-device-36x36@2x.png | Bin 1755 -> 0 bytes assets/images/icon-filter-32x32@2x.png | Bin 310 -> 0 bytes assets/images/icon-info-purple-14x14@2x.png | Bin 661 -> 0 bytes .../icon-issue-fleet-black-50-16x16@2x.png | Bin 917 -> 0 bytes assets/images/icon-label-20x20@2x.png | Bin 571 -> 0 bytes assets/images/icon-linux-48x48@2x.png | Bin 2954 -> 0 bytes assets/images/icon-linux-black-24x24@2x.png | Bin 1698 -> 0 bytes assets/images/icon-new-20x20@2x.png | Bin 1208 -> 0 bytes assets/images/icon-offline-20x20@2x.png | Bin 1376 -> 0 bytes assets/images/icon-online-20x20@2x.png | Bin 1330 -> 0 bytes .../icon-policy-fleet-black-12x12@2x.png | Bin 632 -> 0 bytes assets/images/icon-question-16x16@2x.png | Bin 897 -> 0 bytes .../icon-ubuntu-fleet-black-16x16@2x.png | Bin 1013 -> 0 bytes .../components/BackLink/BackLink.tests.tsx | 2 +- .../CustomLink/CustomLink.tests.tsx | 2 +- frontend/components/Icon/Icon.tsx | 2 +- .../DataTable/IssueCell/IssueCell.tests.tsx | 2 +- .../DataTable/IssueCell/IssueCell.tsx | 2 -- .../PlatformCell/PlatformCell.tests.tsx | 19 +++++----- .../DataTable/PlatformCell/PlatformCell.tsx | 2 +- .../ViewAllHostsLink.tests.tsx | 2 +- frontend/components/buttons/Button/Button.tsx | 1 - .../RevealButton/RevealButton.tests.tsx | 6 ++-- frontend/components/icons/Apple.tsx | 1 - frontend/components/icons/Chrome.tsx | 1 - frontend/components/icons/Eye.tsx | 1 - frontend/components/icons/Info.tsx | 29 +++++++++++++++ frontend/components/icons/Linux.tsx | 1 - frontend/components/icons/Policy.tsx | 34 ++++++++++++++++++ frontend/components/icons/Windows.tsx | 1 - frontend/components/icons/index.ts | 4 +++ .../QuerySidePanel/QuerySidePanel.tsx | 6 ++-- .../side_panels/QuerySidePanel/_styles.scss | 14 +++++--- .../SummaryTile/SummaryTile.tests.tsx | 2 +- .../pages/LabelPage/LabelForm/LabelForm.tsx | 4 +-- .../FilterPill/FilterPill.tests.tsx | 14 ++++---- .../components/FilterPill/FilterPill.tsx | 11 +++--- .../components/FilterPill/_styles.scss | 9 ++--- .../HostsFilterBlock/HostsFilterBlock.tsx | 4 +-- .../details/DeviceUserPage/DeviceUserPage.tsx | 5 ++- .../modals/OSPolicyModal/OSPolicyModal.tsx | 2 +- .../MacSettingsIndicator.tests.tsx | 6 ++-- .../details/cards/HostSummary/HostSummary.tsx | 3 +- .../PolicyFailingCount/PolicyFailingCount.tsx | 4 +-- .../PolicyFailingCount/_styles.scss | 6 ---- .../SoftwareVulnCount/SoftwareVulnCount.tsx | 4 +-- .../Software/SoftwareVulnCount/_styles.scss | 7 +--- .../components/PolicyForm/PolicyForm.tsx | 3 +- .../components/QueryForm/QueryForm.tsx | 4 +-- 57 files changed, 128 insertions(+), 92 deletions(-) delete mode 100644 assets/images/icon-chevron-black-9x6@2x.png delete mode 100644 assets/images/icon-chevron-blue-9x6@2x.png delete mode 100644 assets/images/icon-chevron-down-9x6@2x.png delete mode 100644 assets/images/icon-chevron-right-9x6@2x.png delete mode 100644 assets/images/icon-chevron-right-blue-16x16@2x.png delete mode 100644 assets/images/icon-chevron-white-9x6@2x.png delete mode 100644 assets/images/icon-close-black-50-8x8@2x.png delete mode 100644 assets/images/icon-compatible-green-16x16@2x.png delete mode 100644 assets/images/icon-compliant-device-36x36@2x.png delete mode 100644 assets/images/icon-filter-32x32@2x.png delete mode 100644 assets/images/icon-info-purple-14x14@2x.png delete mode 100644 assets/images/icon-issue-fleet-black-50-16x16@2x.png delete mode 100644 assets/images/icon-label-20x20@2x.png delete mode 100644 assets/images/icon-linux-48x48@2x.png delete mode 100644 assets/images/icon-linux-black-24x24@2x.png delete mode 100644 assets/images/icon-new-20x20@2x.png delete mode 100644 assets/images/icon-offline-20x20@2x.png delete mode 100644 assets/images/icon-online-20x20@2x.png delete mode 100644 assets/images/icon-policy-fleet-black-12x12@2x.png delete mode 100644 assets/images/icon-question-16x16@2x.png delete mode 100644 assets/images/icon-ubuntu-fleet-black-16x16@2x.png create mode 100644 frontend/components/icons/Info.tsx create mode 100644 frontend/components/icons/Policy.tsx diff --git a/assets/images/icon-chevron-black-9x6@2x.png b/assets/images/icon-chevron-black-9x6@2x.png deleted file mode 100644 index 58e9f47f74ad53c8ad2d838df45c267046c9ce64..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 397 zcmV;80doF{P)pgoP+z zLUAT!n zm}#LRh!uB}*5;`Qt_X1d$1@Ob1Ffkm=h3Sh;;HEdHXUZb+)erh@{*48tl~V_KO}5r r^?(X=S$!B78;`5X;nysB%B%eYRNi~aEcj$c00000NkvXXu0mjfy6d9< diff --git a/assets/images/icon-chevron-blue-9x6@2x.png b/assets/images/icon-chevron-blue-9x6@2x.png deleted file mode 100644 index a633a5ec4bde8ca627d20acbb6e9f1186aba45d7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 331 zcmeAS@N?(olHy`uVBq!ia0vp^LO{&J!3HGrh2HJ~Qk(@Ik;M!QVyYm_=ozH)0Vv2= z9OUlAu*1)CfMSRYikOGS6--e?S4 z(Aj6tDcd3IpwKhHf%OKXZUomxE^Y2RJj^meI~a?%+t|Ge>#!I7vGMj^v0xt|34?sO zMTYY8`nN2c^QQb?B-_C^oUI~H_DoUTwts^Z=j+^4Gv=J~TqB^zS5TmG$W*__g)89s z`QeTTyB4;ig;siF+iRDmv5R+c~u+ zM=fD4l>Hvb;b8qHs_@S4L^JCb-Mon|B9;3#=6HK~#7F?Uv6` zgHRC0cLVB`QqqDQmRlm>e;?!2<#Dw)`C}7N=j*JSPTP@wB~MRVL1*CI)1QB3=`n48o-} z-^xIb_&;3UlMv%iFuTS(5#sI>%gbyY<|M?Z0=?p(m9BV=b_Mo{Zy|5IT|()NNrGto z-H2bf64x@Y`N5KzhAzcx#65s&zB@q&TSRQ&Y|SHpK9z7Y^OMPDNQP*?!}O}inR%>) zwYJ|b+GF_g7Q_HPlyFmt+bPDRiP0XYO;la+tb`+!$aPH^uj1@ANQm*M#&u0todwxE zNPA5bcp@Rzr(wrLyBnnW4u43BluEv{T}&R&!TAFkjF}8CSsNk%0000NSwWJ?9znhg z3{`3j3=J&|48MRv4KElNN(~qoUL`OvSj}Ky5HFasE6@fg(UKbBnda-upao=eFt9QT zF)#yJj6lf1D8&FW4aj2fVw8rngBUfSYM2-p+A|qgplYIkGzd%pVvrsP&AfmSVd4TN zxN3z3%m_9}+rE9xX+Vmzz$3Dlfk8|agc&`9R6YPri_8p(D2ed(u}aR*)k{ptPfFFR z$SnZrVz8;O0y1+`OA-|-a&z*EttxDlz$&bOY>=?Nk^)#sNw%$0gl~X?bAC~(f|;Iy zo`I4bmx6+VO;JjkRgjAtR6CGotCUevQedU8UtV6WS8lAAUzDzIXlZGwZ(yWvWTXpJ zp<7&;SCUwvn^&w1F$89gOKNd)QD#9&W`3Rm$lS!F{L&IzB_)tWZ~$>KW+6%?4_<0f}1q7iFdbZ3dZdXJ`Xfi6REI$3`DyIg(=_J_U;cy=up0 zqYn=@J1)t%hwQ*WuJCkm42j@;8|oO=Y#?yf;p+F8N|E&sc)ze5T6Dfk+P3ivTS@a3 zy(7Xec&k|ZADv5I`&UgwfMcWNk>_k?Du>Vfx3{0HaO49I9|->0%zWgbe1G`y>T@qV z1(p^%1^cblydLG?w{MDryQD$LB_K3vAhW@j$ge z;$GG+n;C0t8J{}}E2a3KIeGo@Zsl)$9&0QlmtNwGci3}n;X_vO48gGTS+h6FXfSMQ zQ@JTT#XRNX!e-&QEE;x`IUH={WhTkHUMW}^5-Gi5+k&W_5pVX_B-CEI!>3fZtLpHk zS-&su*xVqr<*0Kc$;);;bz^6<;J}y1u`z?pIFm!_DRK_-Q|0|UY%3C z-MHF&PWJXiOBjDV@sjm!P&&@Ga?S03{31@@5{|`I24?CmaEiNgTe~DWM4f!;DEm diff --git a/assets/images/icon-chevron-right-blue-16x16@2x.png b/assets/images/icon-chevron-right-blue-16x16@2x.png deleted file mode 100644 index aefba094683bd20978a5f9afd112d8f98c1ecfef..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 398 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz&H|6fVg?2=RS;(M3{v?36l5$8 za(7}_cTVOdki(Mh=c&Q68=Vuy4+PJUPa>*RZbY3C{Ssf*Y-FYwadDHT#t8T_+0+Kg4^i`)3j4g*CrGQRj4>JbYE91+j`9O zx!gCQX_EcYt8Ha(scjTUx%Z-W_d?6>a_Nok5}jh-*K9s;S5V-rly6S)`;WU?%xb2% z$_gmFJ8)jS_6OJY4y%O2n#(hHzLUyJEPoKU!&81&TQ|!K52?JC<&jeycyBOG&A;co q!}X7|(CUi5v}bmQm>V4q6fp_xXjJj^o)QlXJ_b)$KbLh*2~7YSpqNJh diff --git a/assets/images/icon-chevron-white-9x6@2x.png b/assets/images/icon-chevron-white-9x6@2x.png deleted file mode 100644 index 71f774b7229e60ed47b14565123982a88641d0c1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 224 zcmeAS@N?(olHy`uVBq!ia0vp^LO{&J!3HGrh2HJ~Qk(@Ik;M!QVyYm_=ozH)0Vv2= z9OUlAu~-Ub667HvjNk6DvF9S*7Z zFbPdC;#@jG&_lC!+nY)L)7I=YQ)M#vtP-hu`{S~>C6=Fkm&q+L{5adh>5|&yL#>9K zo{KJqWSMLXHM*WKQ@!%ak4^SMD!c90Y98E~{6pxaW+Q`F*qW&eT~3}8eq)og^ytL= Ss~JECFnGH9xvX&F{FZV?c~$EhYWbya?>084tV5TC}Ro< zDQwl|SeewcO?ndpXQ}*&5YNX7|D2~pd`mxG$na0)$>&$-Vu z*D*n=Puc8Dd(Mq_bB@0I_oA4WW%-k2nX}(~td1sdyWDb{&>X(CjPGELfS8-?2~qF! zO?Kx*SDZ3Cux6`7)0N|U+;d;r=}uU`dg&n*6^^ch*9624>Kn;fsDypy6j}e0Rn;{5 zfCux#c|6Y1>)sY+JZ9FE+HIP?qVQ<8l{Pfc*qa)DYBJBBIU9h$v#G0`bkv67S(vK5biLNu9(!K5+WrkAyT3eA|)yzQlb(fB`P6Oq7ot{ zDj}><4}J%w(xr=|>@GU$DM!V5jvQIjB6l_ednnQkKv$FZW&4rS`CVCia zh)H&e<$dZ7X}Fj4RU1K+l$IQV4}NKXU706RehV{SlTNpuD5=PhM|DDotl~0n9Zhsj zN_PQ9ygGJAzm@{NkcKA~=i;%=+>Y6!D1ZUfiaBr2OY`HwhgO~XP5f-NL>Pb{B z)5(T}!AxCHsu`)fh$D+KgO7K(zoUg0pNP<>QTc+)n zE{rm6)Vyq8)lI7sg5|)Xr5Cm)By7VP;79hF+JT{NTtX~6AzSr%aEz1hUH=&@fFA&c zce;z_39jtGBS@0&-Lf)81UN_tssg<$_<|5IPF*oF(kcMwwxdIGvU9@$+PT! zRuF}N;l5F#FR%h8Ibu67l!zq3xLpxL^M*rsY==deITukcYMw;xetNS2b2;KTs(*Q% zjbWmS{(^Tkda_ZPx!>*#>Vs_YBB7YqqY~*Mjb2lL{bS^eZ3YIu$kfq9mEa@a}v!v_#TarPNuQa@0elt)Mc=W45^HKBsIL9%vePn`6OOpI>C8Z%Ovv`=XgD6d^7d$7xr*U(eO(9@j zM+&_9c$NIHTBMwL_r~cdcG1$-!;9=ge6mQOJKXo$^O7!;BpTBSkX@C1)J%^e>^4sD znXS$|*Z)4sFPgwht2hze{N8l&Nvo11Ky-G(1LNS=T4#=qBa%yJ(VVg91~pg{Bu-=h zRt%0wu~eR|4G%!F>1N}L8D_9b%S{EkPR0|CTZZ)yW zq6odv)-R;7(_Y!{B*EnN;2?U9)+`RQil|m=t7B@{ytBQ#=_Tk#^=7_l+_C` zf{6(2n#D8cQ&euZ4n!APu^qG~|1*H0{V1gh@CPBFZo+Y=Lft60&om`3=I| zB8i2rn?$+faUO?95tl?xv`KJy z=vC2UvSQnQu%kVFPN2JxnYI1M((3p7In-Nuh0b%{BzD7Xiyqprk3)smS90(vM8D7Suv7oO^aWqQtNWex2Io(Uw(>S|UNTyu zbM9HfJbvT<(?s*!GwLP_Z~Mp}&ve4#?ECxEJWU#wUU`=|L8`Jy@LIqr<%Nf~MC7%2 z7)_eCLjT!~eXCOsZtu{#YIovJ9_KZu)-AsstZJkhnrwr%uvvZQj?xfS*vP$k(VdA8 z4PRY0|IaU(bb>4X)$IQd8QsKqKb*E(aBhDPa||QH37a==w|+JQy~W_^>gTe~DWM4f DQPp-0 diff --git a/assets/images/icon-info-purple-14x14@2x.png b/assets/images/icon-info-purple-14x14@2x.png deleted file mode 100644 index 8acbc06a8db128364b23eaf081f714f94882117a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 661 zcmV;G0&4w}+V7_9Yh3&A8s5_sNU0*OSjXlQ3@%=lDDUs?J4Y;?yu=0hY z5%U2YK%&QLpdZ!^Ddm~ShM`Ta=b zjqg;J=oN=>`3BLc@gP#$+tHu#kYj{L;+xTU(1=$#`$FcQp_|E|b@ZM6Q8>oe;C)$o zoscHAQ+L*YOR3w;Do8c*NekxHNTw2{UcZC5Z zCMDdUCY-~ykt)6r+2Z4|v%hrbqf~P76d#Nfj)`82et3A`%DcR5Sg$lW**GSetVc%J0#Tai5xq7hmJY(>zPQ-GK~#7F#aBym z+CUKPZsbi?H*9o!*Yd`;C4_#52Q%D)x#|BT7f{WcUM<%Hy1g4te(PDt`}gep zy3dHm$v)YNUEPXs3nomyMIMOReb^96Xngx{YHZOrh5I2vCOJq1zF#ns6@hLC0@ag! zD4fboV-tqg7%J(PD8ZJH48e0e zN+`xa8gZ6#z;R(#-MomGB3~XR;8fJjp1}bb=HJPmj4@T%5}3_Fx(7!NG7iNb;z&po z#%zDtVyonWm=5tn>YI2-J2btsBUHC{TZIkd^t;vw>1*gw?>G`F!4%AXMpfI8g&xk%f7GBLy1mP)&dDNIj%440 z>&!}L`k7$~MIfd3Kr^N$t;i}GJsrKOv9m|WjjS8gOfmDZ>D5Os3J@(=0=mx;Vr4{{ zw~Aa$6#8RMS-lQTCKWq32hi#)V*8lUQTWJa;o3R^<1n{m04Ov rxzDvk7)b+`*e>s1PcXeJTGajnzu$sGg~*tP00000NkvXXu0mjfUg4ic diff --git a/assets/images/icon-label-20x20@2x.png b/assets/images/icon-label-20x20@2x.png deleted file mode 100644 index cac459aa340a17f558b0b81eda79bf2769201df7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 571 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 diff --git a/assets/images/icon-new-20x20@2x.png b/assets/images/icon-new-20x20@2x.png deleted file mode 100644 index 92ed45dde3a282d0bfb415841b9da8da380e55bc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1208 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 diff --git a/assets/images/icon-policy-fleet-black-12x12@2x.png b/assets/images/icon-policy-fleet-black-12x12@2x.png deleted file mode 100644 index 35cc434d1a8af92cc7bbae46d59cf87e7ae5ebd4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 632 zcmV-;0*C#HP)Y77d4i@-fOF$WZwUxt-oV@wu{|Xc zNO7e|ty*cPvq{|#$4=KuJ5u8Pn%{rDGqWZ*+J?Uqkm4o*FD{HZ{HK4!E`D?m)K|*1 zm}ytKer8$|acGR{j&)Bv3wVCuJ;ho}W}4Cs;ASy1cL4P}D@H3oi!2hcFcqVkzttqd z7Y2EFU^9%SVzBoZaBBopRd{4uNkFn|Z}hiMa^~F!7qD;%Vrbh0ipvWy$1ZSNE28kB zoB*LS(%;_-s4hLd3@*j?3yVcKUkf!6fl9P6Vfe&8Z5|8oT`E!rZq2|P&kF5TeQT0U zRaUe+9`?E^OddfQxL6_yP_5Y3Gq3TQh~C_uB`K2imz#Pz8T^?hgG7FD2{@SWbvhXy zUBy6!d5g$!xY5{YrF~cU%nZ%m{`#`3)wiun4(_?xvkrS{tCBY4jP<&=DWO>HHnkg-Wcaoqa3vBw_ZoF%0$u`cKR)f-V+)10 zhI6|hLTNanGn}=vVq%Xg_j^I$L=yg! z!1s$dg#vStK`bIivc+n)5bdr{asK|l{uwP}IOpE{x-k0^HZ5n}NpzIB_+0|YGx6~( SOrTu=0000_n(aKbX` zV2yPwcCjF|?|9F9&>ytrzSmMdNt4(2?z`V}&pr3_TY?7?367{TZor3OW)A6Fp_69> z&cISXj)2YOW%}xNPBINhCOLHY7n7_wrU#G09a&hiVDU6WS@z7T|bE6e92lwW9c+yTLxgSe4lr^AYKWg zCqUO~Gofmq+G+2exDe3`T&ulN$-smAJOgmbG(#W=3=9B+R|$Q6&b|F2kjXH%x8MqW zgl89)e5pzRZufocI$=Bt1cS|==kq}7DPu1W69v5${jwGI7LaAlnZ*090Jm<}i;G~s zMl2i#?o1k6ix4_2T1mO^+h2)BOmF0V0pGtlBA-7ob~8Y+cpRMGibszf;ekQtdoE{~ zkZ491eab(5uM~4zc<?fj8xa6!=g?rtNt3|Pj zDJB|1hm1$5vg++EwoipCSdA#MFpLh6lQ9u>uBH0lzxD7kame4n4-I<5&dCsd>$EQ} za6^3JDS(g|fhELFaVE@M$SUh9nOT5&pkX~QBbj&7mn z7LB@F&BlpIf&NEyZVp+ud&%x;@s zX<`tI%cWCnRZiNFSaU@d+^{;Q`jrQoJyIl$@D$O|Te;oAn!jDytPKxV-5g7--c(`R zRdNjrI^NNw901(EwZDuWn0kOICDsen>pY0r>$rw-!Md93$`c%Hr_P}q0Hkm)wFB)x z>VB<2g)$EK40p7#NmsF!Ljhp%ks<-fR`B=eVEwvdx1C%dGE(diDONK~%g{H|h52DX zVh@0J5{8>M*JqWWF+~|N|7N8QoK~dUMkwvyIp3U~WB1b5{&ucz@0{<=dE@;rsJayy z{=oeh|H_S2OZZl}jsoDA$ntN>UR8Eoq}zd8mf4c2*&&2mi}nFPZBzg(SkpjO97np1 zS2S1Uk8}`3t6>1tj;7WqGDr6{@f5tlA=~`tk=5c#X;NWA*4rUK%kcXf$1r*+ibQv6b(?ZCk6fz1l zQwF#eR$AQAr@l=S3S82-SF^Sv`REpovDBEr#GfFbXBlx6afbWGcx77GRudbh>%xC~ zLB|ZunE30^1j5#hrYhXAEN|?yIs);KJQ5mafmCiqNX3zBJ)xBrO( { render(); const text = screen.getByText("Back to software"); - const icon = screen.getByTestId("icon"); + const icon = screen.getByTestId("chevron-icon"); expect(text).toBeInTheDocument(); expect(icon).toBeInTheDocument(); diff --git a/frontend/components/CustomLink/CustomLink.tests.tsx b/frontend/components/CustomLink/CustomLink.tests.tsx index 7a980dde5..b3bb8bcb7 100644 --- a/frontend/components/CustomLink/CustomLink.tests.tsx +++ b/frontend/components/CustomLink/CustomLink.tests.tsx @@ -32,7 +32,7 @@ describe("CustomLink - component", () => { /> ); - const icon = screen.getByTestId("icon"); + const icon = screen.getByTestId("external-link-icon"); expect(icon).toBeInTheDocument(); expect(icon.closest("a")).toHaveAttribute("target", "_blank"); diff --git a/frontend/components/Icon/Icon.tsx b/frontend/components/Icon/Icon.tsx index 9e3371227..b577d5717 100644 --- a/frontend/components/Icon/Icon.tsx +++ b/frontend/components/Icon/Icon.tsx @@ -36,7 +36,7 @@ const Icon = ({ name, color, direction, className, size }: IIconProps) => { const IconComponent = ICON_MAP[name]; return ( -
+
); diff --git a/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tests.tsx b/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tests.tsx index a9dff7c19..756e37167 100644 --- a/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tests.tsx +++ b/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tests.tsx @@ -18,7 +18,7 @@ describe("Issue cell", () => { /> ); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("issue-icon"); await user.hover(screen.getByText("4")); diff --git a/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tsx b/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tsx index ef58aeacc..551b6f43d 100644 --- a/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tsx +++ b/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tsx @@ -4,8 +4,6 @@ import { isEmpty } from "lodash"; import Icon from "components/Icon"; -import IssueIcon from "../../../../../assets/images/icon-issue-fleet-black-50-16x16@2x.png"; - interface IIssueCellProps { issues: { total_issues_count: number; diff --git a/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tests.tsx b/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tests.tsx index 8a9129c7c..ebc6f1fbe 100644 --- a/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tests.tsx +++ b/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tests.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, { Children } from "react"; import { render, screen } from "@testing-library/react"; import { DEFAULT_EMPTY_CELL_VALUE } from "utilities/constants"; @@ -11,25 +11,24 @@ describe("Platform cell", () => { it("renders platform icons in correct order", () => { render(); - const icons = screen.queryAllByTestId("icon"); - const appleIcon = screen.queryByTestId("apple-icon"); + const icons = screen.queryByTestId("icons"); + const appleIcon = screen.queryByTestId("darwin-icon"); const linuxIcon = screen.queryByTestId("linux-icon"); const windowsIcon = screen.queryByTestId("windows-icon"); const chromeIcon = screen.queryByTestId("chrome-icon"); - expect(icons).toHaveLength(4); - expect(icons[0].firstChild).toBe(appleIcon); - expect(icons[1].firstChild).toBe(windowsIcon); - expect(icons[2].firstChild).toBe(linuxIcon); - expect(icons[3].firstChild).toBe(chromeIcon); + expect(icons?.firstChild).toBe(appleIcon); + expect(icons?.firstChild?.nextSibling).toBe(windowsIcon); + expect(icons?.firstChild?.nextSibling?.nextSibling).toBe(linuxIcon); + expect(icons?.firstChild?.nextSibling?.nextSibling?.nextSibling).toBe( + chromeIcon + ); }); it("renders empty state", () => { render(); - const icons = screen.queryAllByTestId("icon"); const emptyText = screen.queryByText(DEFAULT_EMPTY_CELL_VALUE); - expect(icons).toHaveLength(0); expect(emptyText).toBeInTheDocument(); }); }); diff --git a/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tsx b/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tsx index 61a875cd5..48665040c 100644 --- a/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tsx +++ b/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tsx @@ -30,7 +30,7 @@ const PlatformCell = ({ platforms }: IPlatformCellProps): JSX.Element => { platforms.includes(platform) ); return ( - + {orderedList.length ? ( orderedList.map((platform) => { return ICONS[platform] ? ( diff --git a/frontend/components/ViewAllHostsLink/ViewAllHostsLink.tests.tsx b/frontend/components/ViewAllHostsLink/ViewAllHostsLink.tests.tsx index d515bec42..6850a8232 100644 --- a/frontend/components/ViewAllHostsLink/ViewAllHostsLink.tests.tsx +++ b/frontend/components/ViewAllHostsLink/ViewAllHostsLink.tests.tsx @@ -7,7 +7,7 @@ describe("ViewAllHostsLink - component", () => { render(); const text = screen.getByText("View all hosts"); - const icon = screen.getByTestId("icon"); + const icon = screen.getByTestId("chevron-icon"); expect(text).toBeInTheDocument(); expect(icon).toBeInTheDocument(); diff --git a/frontend/components/buttons/Button/Button.tsx b/frontend/components/buttons/Button/Button.tsx index f5d5e1df2..03749d419 100644 --- a/frontend/components/buttons/Button/Button.tsx +++ b/frontend/components/buttons/Button/Button.tsx @@ -115,7 +115,6 @@ class Button extends React.Component { variant === "text-link" || variant === "inverse" || variant === "text-icon" || - variant === "icon" || variant === "label"; return ( diff --git a/frontend/components/buttons/RevealButton/RevealButton.tests.tsx b/frontend/components/buttons/RevealButton/RevealButton.tests.tsx index b47ead271..226367b41 100644 --- a/frontend/components/buttons/RevealButton/RevealButton.tests.tsx +++ b/frontend/components/buttons/RevealButton/RevealButton.tests.tsx @@ -40,7 +40,7 @@ describe("Reveal button", () => { /> ); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("chevron-icon"); expect(icon).toBeNull(); }); @@ -55,7 +55,7 @@ describe("Reveal button", () => { /> ); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("chevron-icon"); expect(icon?.nextSibling).toHaveTextContent(SHOW_TEXT); }); @@ -69,7 +69,7 @@ describe("Reveal button", () => { /> ); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("chevron-icon"); expect(icon?.previousSibling).toHaveTextContent(SHOW_TEXT); }); diff --git a/frontend/components/icons/Apple.tsx b/frontend/components/icons/Apple.tsx index d67341dc2..6ae9c46f8 100644 --- a/frontend/components/icons/Apple.tsx +++ b/frontend/components/icons/Apple.tsx @@ -18,7 +18,6 @@ const Apple = ({ fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" - data-testid="apple-icon" > { fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" - data-testid="eye-icon" > diff --git a/frontend/components/icons/Info.tsx b/frontend/components/icons/Info.tsx new file mode 100644 index 000000000..7322b11d5 --- /dev/null +++ b/frontend/components/icons/Info.tsx @@ -0,0 +1,29 @@ +import React from "react"; +import { COLORS, Colors } from "styles/var/colors"; +import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes"; + +interface IInfoProps { + color?: Colors; + size?: IconSizes; +} + +const Info = ({ size = "small", color = "core-fleet-blue" }: IInfoProps) => { + return ( + + + + ); +}; + +export default Info; diff --git a/frontend/components/icons/Linux.tsx b/frontend/components/icons/Linux.tsx index 7e5219f88..1a9b3174d 100644 --- a/frontend/components/icons/Linux.tsx +++ b/frontend/components/icons/Linux.tsx @@ -18,7 +18,6 @@ const Linux = ({ fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" - data-testid="linux-icon" > { + return ( + + + + + + + + + + + + ); +}; + +export default Policy; diff --git a/frontend/components/icons/Windows.tsx b/frontend/components/icons/Windows.tsx index 94a599614..67a551c12 100644 --- a/frontend/components/icons/Windows.tsx +++ b/frontend/components/icons/Windows.tsx @@ -18,7 +18,6 @@ const Windows = ({ fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" - data-testid="windows-icon" > - Close sidebar +

diff --git a/frontend/components/side_panels/QuerySidePanel/_styles.scss b/frontend/components/side_panels/QuerySidePanel/_styles.scss index b41fd03a8..f13a473d0 100644 --- a/frontend/components/side_panels/QuerySidePanel/_styles.scss +++ b/frontend/components/side_panels/QuerySidePanel/_styles.scss @@ -10,20 +10,24 @@ background-color: $core-white; position: absolute; top: 40px; - left: -12px; + left: -13px; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 2; - img { - transform: scale(0.5); - } - &:focus { outline: none; } + + &:hover { + svg { + path { + stroke: $core-vibrant-blue; + } + } + } } &__choose-table { diff --git a/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx b/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx index 4bbe9e3cd..0f644b61e 100644 --- a/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx +++ b/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx @@ -60,7 +60,7 @@ describe("SummaryTile - component", () => { const title = screen.getByText("Windows hosts"); const count = screen.getByText("200"); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("windows-circled-icon"); expect(title).toBeInTheDocument(); expect(count).toBeInTheDocument(); diff --git a/frontend/pages/LabelPage/LabelForm/LabelForm.tsx b/frontend/pages/LabelPage/LabelForm/LabelForm.tsx index 44617c6e2..4dc3945ad 100644 --- a/frontend/pages/LabelPage/LabelForm/LabelForm.tsx +++ b/frontend/pages/LabelPage/LabelForm/LabelForm.tsx @@ -12,7 +12,7 @@ import InputField from "components/forms/fields/InputField"; import FleetAce from "components/FleetAce"; // @ts-ignore import validateQuery from "components/forms/validators/validate_query"; -import InfoIcon from "../../../../assets/images/icon-info-purple-14x14@2x.png"; +import Icon from "components/Icon/Icon"; interface ILabelFormProps { baseError: string; @@ -169,7 +169,7 @@ const LabelForm = ({ return ( diff --git a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tests.tsx b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tests.tsx index ad390871f..a18cc0666 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tests.tsx +++ b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tests.tsx @@ -1,13 +1,11 @@ import React from "react"; import { noop } from "lodash"; -import { render, screen } from "@testing-library/react"; +import { render, screen, within } from "@testing-library/react"; import { renderWithSetup } from "test/test-utils"; import FilterPill from "./FilterPill"; -import PolicyIcon from "../../../../../../assets/images/icon-policy-fleet-black-12x12@2x.png"; - describe("Filter Pill Component", () => { it("renders the pill text", () => { render(); @@ -15,10 +13,12 @@ describe("Filter Pill Component", () => { expect(screen.getByText("Test Pill")).toBeInTheDocument(); }); - it("renders an passed in icon properly", () => { - render(); + it("renders icon properly", () => { + render(); - expect(screen.getByTestId("filter-pill__icon")).toBeInTheDocument(); + expect( + within(screen.getByRole("status")).getByTestId("policy-icon") + ).toBeInTheDocument(); }); it("renders a passed in string tooltip", () => { @@ -52,7 +52,7 @@ describe("Filter Pill Component", () => { ); - await user.click(screen.getByRole("button", { name: "Remove filter" })); + await user.click(within(screen.getByRole("button")).getByTestId("ex-icon")); expect(spy).toHaveBeenCalled(); }); diff --git a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx index 6e1f79b39..df99faa79 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx +++ b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx @@ -5,12 +5,13 @@ import classnames from "classnames"; import Button from "components/buttons/Button"; import PremiumFeatureIconWithTooltip from "components/PremiumFeatureIconWithTooltip"; -import CloseIcon from "../../../../../../assets/images/icon-close-vibrant-blue-16x16@2x.png"; +import Icon from "components/Icon"; +import { IconNames } from "components/icons"; interface IFilterPillProps { label: string; onClear: () => void; - icon?: string; + icon?: IconNames; tooltipDescription?: string | ReactNode; premiumFeatureTooltipDelayHide?: number; className?: string; @@ -44,9 +45,7 @@ const FilterPill = ({ <>
- {icon && ( - - )} + {icon && } {isSandboxMode && sandboxPremiumOnlyIcon && ( - Remove filter +
diff --git a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss index f82d32730..a7badf53a 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss +++ b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss @@ -10,18 +10,13 @@ font-size: $xx-small; font-weight: $bold; cursor: default; - - img { - width: 12px; - height: 12px; - margin-right: 6px; - } + gap: $small; button { height: auto; padding: 0px; border: none; - margin-left: $pad-small; + margin-left: 0; img { padding: 0px; diff --git a/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/HostsFilterBlock.tsx b/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/HostsFilterBlock.tsx index 787d977be..0e64c52c7 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/HostsFilterBlock.tsx +++ b/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/HostsFilterBlock.tsx @@ -33,8 +33,6 @@ import { MAC_SETTINGS_FILTER_OPTIONS } from "../../HostsPageConfig"; import DiskEncryptionStatusFilter from "../DiskEncryptionStatusFilter"; import BootstrapPackageStatusFilter from "../BootstrapPackageStatusFilter/BootstrapPackageStatusFilter"; -import PolicyIcon from "../../../../../../assets/images/icon-policy-fleet-black-12x12@2x.png"; - const baseClass = "hosts-filter-block"; interface IHostsFilterBlockProps { @@ -201,7 +199,7 @@ const HostsFilterBlock = ({ onChange={onChangePoliciesFilter} /> handleClearFilter(["policy_id", "policy_response"])} className={`${baseClass}__policies-filter-pill`} diff --git a/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx b/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx index 47e4679ea..973c6438e 100644 --- a/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx +++ b/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx @@ -13,7 +13,6 @@ import { IDeviceUserResponse, IHostDevice, } from "interfaces/host"; -import { ISoftware } from "interfaces/software"; import { IHostPolicy } from "interfaces/policy"; import { IDeviceGlobalConfig } from "interfaces/config"; import DeviceUserError from "components/DeviceUserError"; @@ -23,6 +22,7 @@ import Spinner from "components/Spinner"; import Button from "components/buttons/Button"; import TabsWrapper from "components/TabsWrapper"; import InfoBanner from "components/InfoBanner"; +import Icon from "components/Icon/Icon"; import { normalizeEmptyValues, wrapFleetHelper } from "utilities/helpers"; import PATHS from "router/paths"; @@ -32,7 +32,6 @@ import SoftwareCard from "../cards/Software"; import PoliciesCard from "../cards/Policies"; import InfoModal from "./InfoModal"; -import InfoIcon from "../../../../../assets/images/icon-info-purple-14x14@2x.png"; import FleetIcon from "../../../../../assets/images/fleet-avatar-24x24@2x.png"; import PolicyDetailsModal from "../cards/Policies/HostPoliciesTable/PolicyDetailsModal"; import AutoEnrollMdmModal from "./AutoEnrollMdmModal"; @@ -297,7 +296,7 @@ const DeviceUserPage = ({
diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/OSPolicyModal.tsx b/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/OSPolicyModal.tsx index 05749a456..ebd99a145 100644 --- a/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/OSPolicyModal.tsx +++ b/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/OSPolicyModal.tsx @@ -58,7 +58,7 @@ const OSPolicyModal = ({ >{`${copyMessage} `} )} diff --git a/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx b/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx index c3504533a..452e06d4e 100644 --- a/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx +++ b/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx @@ -34,7 +34,6 @@ import queryAPI from "services/entities/queries"; import { IAceEditor } from "react-ace/lib/types"; import ReactTooltip from "react-tooltip"; -import { parseSqlTables } from "utilities/sql_tools"; import Avatar from "components/Avatar"; import FleetAce from "components/FleetAce"; @@ -49,7 +48,6 @@ import Spinner from "components/Spinner"; import Icon from "components/Icon/Icon"; import AutoSizeInputField from "components/forms/fields/AutoSizeInputField"; import SaveQueryModal from "../SaveQueryModal"; -import InfoIcon from "../../../../../../assets/images/icon-info-purple-14x14@2x.png"; const baseClass = "query-form"; @@ -434,7 +432,7 @@ const QueryForm = ({ return (