From 2e170f693f2fca663d0cfc999487545e440d9ce7 Mon Sep 17 00:00:00 2001 From: balzack Date: Fri, 6 Dec 2024 14:22:26 -0800 Subject: [PATCH] rendering thumbs for audio and binary --- app/client/web/src/images/audio.png | Bin 0 -> 6775 bytes app/client/web/src/images/binary.png | Bin 0 -> 10234 bytes app/client/web/src/images/failed.png | Bin 0 -> 7431 bytes app/client/web/src/message/Message.module.css | 13 +++++++++++ app/client/web/src/message/Message.tsx | 21 ++++++++++++++---- .../message/audioAsset/AudioAsset.module.css | 8 +++++++ .../web/src/message/audioAsset/AudioAsset.tsx | 9 +++++++- .../binaryAsset/BinaryAsset.module.css | 8 +++++++ .../src/message/binaryAsset/BinaryAsset.tsx | 9 +++++++- 9 files changed, 62 insertions(+), 6 deletions(-) create mode 100644 app/client/web/src/images/audio.png create mode 100644 app/client/web/src/images/binary.png create mode 100644 app/client/web/src/images/failed.png create mode 100644 app/client/web/src/message/audioAsset/AudioAsset.module.css create mode 100644 app/client/web/src/message/binaryAsset/BinaryAsset.module.css diff --git a/app/client/web/src/images/audio.png b/app/client/web/src/images/audio.png new file mode 100644 index 0000000000000000000000000000000000000000..23b4d7462ede13327b32bbc80f58198568b65f32 GIT binary patch literal 6775 zcmeHKXHZmIwr(V68bP9DP^1ZhBmo-<0wNij&}3g2loP?1C005AyC@W|K z05}&{FA)KDCdkE+8vr0<_SZG=)VA2r1%45nBAVe-PGNIP1SjEhKGS~_g%ViX*IN*G*OwDAh@ z8aj~O{zE%yK>c9QtU2f7+f%>G0r=L7o%rVX>z!g%F9)NBa-7zfM_t5QR*4o*7t7iP zl!M6k@9(k*O&~i5P8_*CqwFKON%S_#>J=kF2XVAd=)lC~O8JP5Iv&g0aiXDpv z*STN5E`2Q|F0l3~{YAYXOj3d%_WdZj+D3L+b7~vXPdONG%HmLK4I>er=mCP zgrlgnYV;+vBgdjs=+(ys9#Ql~@XrrSZU>6!TAMyok}75MI_7yf zYg?zlUE`qBBeh+s(?+ry56h-|+~Di0j`NJNFHzXKb_Jn~_i|)2Y)S z!Pg&g02p^oMc-wo#>tWYkq|1#!HsujK&;v0{!4)XNc6r+NL!l=YMgjSOdON!T27k+ z@}_s@pknj@b%keg81V8Q@fJVNE7MAPZ_RI%CAKBGk}SGvT$N}nSXr3QovLkbS2Sv% zGyK}2xVCO0$2V)YFE) z173`%Q(5XNk;GDUC%6(+Roj)=M8py?idYH}{P4bA+{k`u7j>d;tDMKsZ*3hJ`!&*U zOk9R{LTvtgYcM&0=DcCj1I{l?HHxeqH4e{6_FaDeJ$qSnm5R2epCUlRfGM_uL z+!}S89~sJKch;k`W7(nSgExEf?PBK8-+vI4RP-5E$LubbJ1j=apk^nLh23o{p!_P4POoOPD{TiL|5$>L_QjfC8%@`98 zmk}Oz?>BX2VRZGj6xD!qt?$Ghl!VfB3+s29@L25o-3yCkuAghQQM?TL(Ma>|xDYw2 z^l*uPX{@W%?^(uD(_qm;n_>5mBh_{m)IZtljsSfr=aT@Y8`u0p#Po?HvKbU2w8)x+ zMt!I9+&XrfL+9M6l9ihu_;fE>9GdHAizL_DZhpk@uGt`CWbr}mc^$IhwCpMy5^z&4 z-~yovQVdk|HJa5qaN5VooWu)1t0xRzcOMh|ob;Kii8(Wk(Ws9%`QvK|aV5O(rbnGD z9;%pXQ>3&c@rkVrx%albmn?1cE=`EE3el1t_$*>UIo-*W|L{{iy^H0~!{vz^%*HeV zeRFKWFo@B7HBZz`?Awv1sLrbWl>4Nzlf2gC;R)mgl~%tY(_2kxVussnIk z`=oZSo56GZRRr>R<;_Ctq&GGjf)r#Yzt_5a$*)awGgFZC8*{z2^0UL2<|I)buX27# zfPXdVdlbKZQ@q8F+$9xmXHH?m+=oI0Cv>i5*y`1H)UR8sH@SEGz9fv{NGpf$A%hLc z$)DoOrG(+QX^C7ENp%VhjB!%t2F}x3G$DlUT$AqKdonCs5tBShjJq#A?j%Q=n1=_| zid83!oKadFBPF9KF)m0>dq}Tz7k8TMbcJZzQc^{(dfYYTg-VV^S`Rmr`~18zfRx)W724SHqg4 zeMNktdfn&R-KXKV^vThpu^<85Is?_{{#2n_T~v@0pORnswffC`1bf>UXZE6=(t9R% zy99-rXgY|GLMB{;;Px!L5wdae7PEW!XT-0>;@%=}z5(EZ4oP*ikYuf;b{RXEB6zClf_F}{1;5#zXFa0i zKVa8QS)pE0%py+jp~V{YMIcn&uPMDT|5z-q(#lxnOy2KX+m{zG`k!Ii!G-!y_37_A zqZiL~nKj)RYdTw(L$XA;B>CTpdBnyr$|jhrHB8gr6U3cjnV$4KO5)I~atMwv50*o2 zkETnShKsVcNsegaB1B#9VMH!k_X8wprDaM^Tit(Y?yg{2}07b!g`mz@WB7 zn0sH%^+A`_jGR&?H{zT>UY6x%fmr=(VBlSR+t(rmLi_B=cE^MoU$|xXz~5Q&I9fer z4&%`vY;Fe%w>USfX4XQede!dfa*7)&I~GZQc75cistV4kMkzOT^Tu{2nAchik%><2JljEmQwWmqwd6)o>p%?q~?VjwA z08?#CExSX4?0r5Vk&<-IGhFS_{5MM3l+dTb3Xn&c5K*!!g2qIbJmgajptf%#2S#6; z!A^>ESfl2gXDg!WWd*UT1K6hj;?CH$kN5fBLYU{7W|$6*5JZiU$d)9TLkdr}sy8yr z98$v3+=?nVa-zNcv|&3!z6U}tn!VL~?Mm7+UJgPrNbVEQ{x7fq^F?hTG%t!vHIJM`YthsFQvL}yspeT(YLNuXUi7WF7urm+T2MeKT+~r#kliF z68bz*!V|0$;o>Zk0Z*K+l5a%ymptqUOPD6y*;fo0N_8$Qqpg1)E@EGR)K=_!9F(sM zQAU6&@zCrPo;p5(MbNvC^!e%zr;f|0<<@G-pzmsH+~uIklO?4b^A^`iyJ4fC(e72i%Yq1iqJj8^bS}8tJRuKH;t;tH;lcu{Q}3~+NULw z)v?l>ipUiToURH1_vs}sBYa1!VIAWexI&*Ey*BmitpLew?&}hq>jnBRP%rWnE&hS9sKpg7cXo=wTRuK`&V| z`~`g}BQKA34J!ssDG5(B7H)iOzGNVae}}7w@`A9vS#&Syy0i9e3eUE&!yY24DSSrJ z$%_YdTiwJ|z6518h<0s4>jx_3wKZ!%su==-GU)3TLgQ^fs78~OavV+W`rzs_jL69w zkdQ0seo14iD8}ssP+0t7iQLtdDE7wffa%5Q>8;lDfH&i_lw=F;aLzo$61IIKuvAr2 z08Cyzsm)wX*coD1WkU}DfTHW_#Yy3#V8Tukda9@?60VUE0LdgJ$l_7hj_-+z!b4qb zYd5Xxa@~inV_qcN?c=W3rUI3$LOwMc7Z=_gCv%h{kO=2z*{Rdf1GY;1!siW61{LOX zcqEZ^>~^8HPCX`-eu@VK`x@wFzXu(OD`UHZ*_F4(4}Oj+;Q)|f(X@aNG%lc%5@rvg|BK=u$@vp3{-yB`di}|te;9vX;~&R= z#_#{HW!nE+LH|xbu!V?x-brG9DkdhjaDIxZtgTJ4GA%$wT30g|B3>@KP^RvqCYJiq37jW0*{3u5D4~j_?d6)qk>AAnc$1#TiMcnudE=3h{}eBH5ELw zbcg?&gaqonphXvjf3hekFYj4dv93yQH5FW0Spm_>9x;fY!@;I4zCewf2Wnz_3!h^; zDcR0q3sAN+!I$Sg(gBB{aU?07fB~q3!u=&HAdD421qa9;;Q;0duLeg(XPJ~d9awx8 zx2Kyc>*^3zGlK1B)ID)Gs|~2&A>|GZ4t!VyErWt&zP3CrqJH^^v$v{d>hcP?&3-Ed zh34rvETVqd&@wcxBlxV`tUWFOv(25ZUp~6H^fjsTlDPf+5IWTsBsJdRu{xkw3b_uS zCmd_TdWdyB8yuW%H8V7%O-6tla~?MDn&vnN1kMIwvWnCJX4|-bar5td9&>~Dfbp?- z3`u1vDkQ@gw!8xz@jqz_~Nr}dER@+~BFD|}_nGMzut2Qm~>Fj*I z%yCvIN>66#h(Nf-|Pa+8#T# zgGoXsvoyYV>7%xjfqJFCP32XKb3!;(Y;O!3dVj=m^4)nm50E z&OXfxT?IAW?4z=>?8ma@E!8w#W<%BycCr``zT(Yz5XJp0b!?vevPmx`!Y+qD=)3K$ z^mFY|ut?K`&#+a5`=mnLWu_~Xka7WQR9P`;^%pfNMWEwjP`1gN*~g(DI}W@-;X(+FU9cRyko|u;CIf1jFVj!Uer+o!Y)az z48>@B=C3}!1j$IWO%eVk+29wM8-%}AL{2YZk0^G5-)dy;^3I!sjw(=$b#=P6isF2Y zR0oY`-tA~Br?ejd-A`agd(!b(hr0*Cmzj>H&C@dni|A5#i09$fBpvwT=qXvmC$2qg z+)I7}XN%Mq$H&KMIXO9Ni>?S9wk+p*rfFxN6-+MZA1@V-sX2Q%Y-iQ`b4QY_fGAo> z0wjACDl zvp4^E3$`wY?T0Oa7t=(Sot<(Z5XgX_!s)=?V#C){>6XMt5RN(wcTTenFJf$)$)GOxGaqp&bCNFm#MvQX`J`2c^Bpfszp z-A{N1rlxVr%di+g;KFbEiQPKQscd)eGj?a0fWxk+>$iqlub27?l3-Q12*;dTCx#@PY@81PC%*BrAv+U z4$`EAB=pcifB@;_zU*7RnKR!x=iWPW&tG>k$;`Xfde?f|dY<3!$@@Qyb=g@ivoJ6) zul1PTv!s~-lke?XeM%zp;P$Em5twY zIy!*9#GA{*cPI7flcqP_mrK2DKW{;%@Zy&0IheX>-y0wVlEOZ!@|uGXH@{P(ICt2~ zhg$o1T!l==#LJA{8;xsVj2PZ-OskB|N20M8bHX>9WXz;U{>4Z%X3tOEAP7YhI4E0h zq6b#8%W)SJ8}hV(wLAPZms{UH$MIj5${v-tPPY5%gMIM2s8~}%R0MPdhYhu>WF&K~ zG)NG9573nmmNqYw5Tba>#`_C=U=$Zkl_=IF!yQfFB_$|@w)7PB2BAVms|igx72OXX zPIP|bb`KJaiidrS#@BTv21!hlgp%`Yv6t^@rdRl~6)$N!slAsk=uhzv+rBVusMH+hWr2{sY#t! zk1F2Afsit*R3-Zwwg)4c8)rqTLGuS^h}bs^aC@TT(>T8xS-vaZ?PynWOQ{PM%F4`S zaZCv7`$4?GUtDqx)%@p0Uf(!>TfbsE?2>5w*}pDJxa1HyPUUWj#U99gx3N9yM$Ctb z4Q^~riFpnG$$jrnJ<$mE5SH%_Pl-v6;SY==9+?|u)G3$Gnd!;7J{A|_ZcKR)Z|ysv zl4|QK@wF@WMzZbW;sSH<>C4~lOxYTg*WJNg=DyS8cHmX(hklS?7qZ!yY9Au_%cbk< zwK(;GZ+S*qoeyt1X9T5KyVxvUdR(%j!I^8t-BP@KbR$Yn1fgoL*W*?56zESe9C?(?u zu^9tpBD;J6e!y&>OKkKSKni&`*GG?xe)pNt=BtJ+0=mvT6kg+boc&C9)`0cXvWu%k zNF=*3a)Q@G1y^Ny=DMiYM#yzl&Vxc+a;#Md+G&S(sp8z?y#W4~k#SY;2Y04di95Nh zO%Hx&fjOIbupCZGXv(2?ybDvgXG2DemwA4n+^J2(qYB4v!!>@r<$-@>oxOI+-E4W( zkW^Gd+3Beq^$?vB4^s3C&dI+N&BPhPCOH$s$2q=f=$P8IblSTvB<|4T4Cs6+*E3E3 zjvy)D@|Z`Z_-~;@HBrivvMNi`16Rt2(`Do>6L?!L5kJWN_^s$7dSMS4KfD!a==)mi zTj$&I{ov&S4OZETP`tP4AT9^Hn0u>PU&x#cV$O!j`F zKlZoi{rANlJ#obZRsGoc(iiP;@h(6A+wpZlZbo^ydmP<7I2E5j?xfPvGg4pU%$?EJ zMfLT)*C}>oii2~H_tCed#wcs23U@k% zE6nBSMMAjEdOOKv}R{M#LZ8xT}F`(t#7BK${t#pljvp}S)Fe6 zrYGuO56HU8YsIUVEGlZIX3I9neU<&bhefM<_uG+`aCTA?57NOyP^j>|0MA)+9$%@1 zqz=a!t0G6k6g98>XT7isJMn3`=MTmnADr<=7C0b29kEIK4W#{=wg^<(T9>?9?&qub z$_T3GN6^5FyAzHxh+?8vv!sZlozxb(Hf2t>);B!0oR@KSMfQmN@a7r%mfc?7SqXZnm& z`{fI@!qz_c%S2fE?K^hYhmJGLNQRdQ(^h!W_VMLcnn^uj{TV9lnz*~}gR+rt-{4Zj zF2#$n4eAQD-T7nz`}}fDD!}%oQ_7RO0pZ zw@MqU##^>$e*P0aEP+r{=&FCdEa&WQws3JkkcH(R-xhD2Pt0B9%Bjq~Ob*aVuY?te# z)SfmZ-+sLrpFSny2W#N_1FAJ=afNC18J|D*+JKu*QlL|cx@`CE74tlEVoJ;wg zm9zKwhto$qtjOIhm#w)GYA{CoUdLLNYx>HGiaOPg*&Z6!e34WaUm{qIpfygw^b>=s$SyKT#ck<+8#OHS{{~33Y>?)LrGhAn_07m*0#n9_k3y zvFLo`a(ibXY$#28dy`#1CN^*3+3Q`$s?CL^veJlBk#ms0l+~2QoAln(4OpZcG?aIG zn?n+s1ONI%N`BZ)kXaFVm%Hj)+T+TYaLY4e;r0iPhR!K+V*1{-LSVw~-l23y&9fYe zuV1M^ETd-Pn-qaUqZV!TR#(9+!uto3GNoOZuDqLeABl-uF}+?{zS6Af3NLSReDMoX3UQH3vj(jW6a;xJ} zqy>zJ_555y{Vrz{Q^e(?q2v+!)|M9UBAhbKId?P0=ZD} zS0Jljc~I*V!JEu*y||Rf{`&Q~4=cAqTDzOoGD9c?!&W%RhvHK-_~~L10JfPN40Ind zAWlB1&DWcNk@K(htbG|6IJ!>0jL8xlg1{iNpT3a}^Ew;T1-|nQ%YGOJ1|d=XhuTj8 zAdcKf5;}xo_Dr0Ak0ITPZ`@guPwf`JcZ#uNzFtmYM&Zh66-rl-LLUOl%QasRTuwv0 z>FIeMAuA$~KDfjr%GH#hS$f+SbdJBL=aGoHC8*Le@|uvyBoaPQ5qR8|oNP|TqK`ee z8J-*6l44{yr^O&bW%z6NG(!jHzw_`PPX3SA{_D0mIq=^V^`A5UnNt6?+W;o~|5p5` zbN-br{x^L3|Imtq+JhIrKbtxfiD>_MpUpZkf67fv=Y`xo;){)gOMIF%y3xeStLgcV zrIn4wAEU~Ox3+0h+}2iU2F=JS5fQ3v{(_=WOs-y_yE@HYhBK7FTwHQ>xJcV=T(R!m zvs0YvRN6ss>@0q0biyWU^tr6wVkB!MNP2PvLS7oIamA<9&S7o+hYyQ0RU;r;Hz|3h z(-BY2lPPT^q!4+5CZw_d0tLm?)fzI~BQBO+W@EBW%NcF}(K30Qk^`Et z2I{ZfPHW#97oX7w3C?cIg_Ee%hE3!3lIo#)n*e9>xCEA}O|;(HY!~5#5~5uj)N;R< z1Rj^WHy_3u8XDi&Q;yiJaSn_KL{YG{a}{KJ?!C&A`6hgJ8Cn)=cUgp5cIWTSBNCi_ zXrE!nmsQ6Ew*qQBdhKSF!`}A_N9NQy$gX1$Xd1{h@B?AmfvN^Gu15yD^oafLodHGW zOdWTDr)PsZ0|-9gku z6`V1g9iwiOxWoNl*R=FDI&Fx`$IHvyjX}Lg*E++$?h&ocgInLZw|a*#d5(1Ax}f+2 zokmwm#nbYDjKca`fY?!D1c}NvQA;~tSS*RC5z#J^dDq0HSC~*RwbOGV7;nX`m@*r! z)re=rJhAAcEv1z;;lQGj`DsRAt{frUfWTxe!Gp-Twjs+$Kyb$M{rDLwDP!R93+IBU zXr3T2N@Wf1$@8y_4^|G%5Sv=a!depgNH+O8?JdW zT%_Qv{WCr%8GlBzZ`IPidBxJr(p;jZMnT1Y=^Jv1@6U{zKy>O`TMS~=2BV6NW&;q& zphKlm7?KnscUahWy4z>y#;)x0Yd zulXP14XEQdzYjERVtBzUDIs)Qt5Ngs-A)_u(M>bweyAYob6PvmW>85*V2_);{e7O_ zpH4@(&)2G)I7$_H{v^pfC$7r)EWng%zRPNTlA&+RKzl1{5k1Eu)StV{nK!kd+aRB{ zgZ{*@kK?nYw9y{)3}}&=zk2U||4G_a2{_2(=^h7@3BZd*RazaK->(DKLb+TSrBdhh z+K$B>={0K5hTum;#;6M9#@hQF>Yw?J^f(ZDrO0VJVfQo}8d$P?O_*XLNV!I3Fetbc zvmLayC;7pB8|>oa6IPG?AtB`mjRZX>&cQq($4MZkwV~p~)@kT+q3hq{#UD%zoktb4 zM)&ffbrp_4Y}Kw42eToRzxV5GknB0$QhJF9_j+ z!xMa~DF}F?ap3%`<8xX+zXOE;lM@vB(vjX&Q3Ih(&cdLjSjHFKZq}!sr)3oO&k!F< zH?8dRsEi_mO;=XKM%Ut-L67YcoLAbs@qV6jRT6O8Fy7iW3p6{(3AnM^e=NnIW_4*$ zdVVKFR_~GQK7HktiHTSLk=oAi7CcP6$T;+KE*I2-Ls#NsuB7kg!&IP$bo`+ys1wc7|45HMZ1LJOWHGu?ZzGP{#Z?zfEHF#fzeo`}tJW+=J zt`eb*4v*YDEph7@Yy2tMuPzwB7n#ey5ok)F%z9&5XMOs4D^6^a@)E7Fgu0}YSXz%t z3nm6KWnV)7ot=TjJRToJYKGUJB#OhTbm!efvjV zU{YesI_{VT9P~DTrsF)4)n`))Z&KBK=Xr)e6qsT@7ruKM>@f|l+dmSlTtPN~!HKvn z`aBHY2;Ah|UYKf7C@;Ab=A$-evihA#_e=+|6H{9?G$#Fmt^o7{0Y6g_G(H^^1Y1BQg6Pr;3NGVYQiZn$ zr}pZ#zArNqvxFa*J2@c9>Xg{tYH#wAd)i!9Kv7cpH2PEFm3%bL<~ktulty^1nu_n{ z!;vi2#Oo@%BZ3=*OZ(-z^qWR@F0*Z1zZC5Y?-3bCroW&KOh1$QwP>{JR#W>YN{x#t zYCcnUrr!fM=(VU{ljGn~$g7N===JY~Dr83B6+lylNDu=T1OQk6^5H+61YTQ!*Ge+7 z=}su>X8<^h{mF#uINNgUOCV(^8o~1QOnC-ZFvdMSV&iUs5FDCMTwcu=fO#_FDZK=? z4$e@g!{;CEy+o&xwF=0ps>wqUps3S&z1x0*OFezoJ5LugN1Ql@LpW3kwlniBCWl0t zwGElTrl+O#^$gp{%gLovN6wp=epU%xf4+vn_z-`!3(?kTwQ6?E9Otyk)M+S(inaio zlfqK_49nw`u4qK2p?Q^K9{l-ICb&oyO|))@s0S^uUe!n z+mKEv0E)RRPb(T62rG&Y-gdHH3xOWO0bqqpPn-YPR1r;2&Q!%3D{*R4`2;{9x>+8j zT2i6z#e*xMD>88arhDN8zy%wx`NU=%^tzL^q`o_Seex@MusanZ)w~m;YzYo|a)}QU z9o!*T=W4LiMo(m8YOQR6AU%~DaKX3AEf9=nA2?5PVqQQzZ=#QPIG>o8Umva}wPiGo ze5vp~oc7Y2Pz>6tOC3MXV#SWow-jg9!@LKosRy}jm6z%4Pclc^6i?0UbyibX#Y@$x zt)Rk^5+`07y6&*agY-KOnq=&<-C_THMse0}te|nNDRV@EoWsvX4q8~$GO?~p*}ZWQ zxK=^{`n4lKG0U*yeT!-TnCpRByLyFpJsL$4jYrz@U!Q;pbn|OI>7z@0z7#voLZz-) zQJ}oaI00f4Ao!3Cza~D(TmvV{NXU5OJulc6A;h&on)=?Pbm}p!5yu3C?xTf89BsD+ zJaJ`KCe(UugwmFTTIwL_z#Gy++DI;XaWm}7*Nr7cy=+`9H2KY7^Swlt34Db zV1|ua1c}VvkZnoLEYxq95Evj>@#xG6TM{~dWe-X+W;uQwkQcn`E;Jw=C_d#6dj;f8 z#r_a49DM+n16qU3dxEx!FY+((t>J%mqQQG(^zDjZ2V@h^yCUFLEx-lX$N)k+MX7%uUEW_r{fKNsP^YcBM8v zr|HU@?|-kiBqifuJ608lwI~%4>h~T%fmoSlw<)_xLNh?wnz4Tm|L)XU$81)DbDAnF zX`^lpoE@C6?33~(Sy>s&ZhOwMUNbW{|KzJx^=&I0cCw9G9^7kmM^bVKHjx852$^le zw|$69uu%sX_oBTDP`4}AON;m;1n4o(SAg628~ z6@7(vk* zU|cvK-9iEY>LYHAJzg&$ngGE#PdH{?WIp~lt5CGR#5!6*1(T}>+9Pm<{+cp&JOXnF zq0F1cdVrD#G1Wu5pq9+AkZfb~@}Wd%DRN{BPBTIUVGBNEE*x8wCZ!TI)IO(b2Df$# zy}|e^@tj(W9xE-eh!-Zw`r=t7qz!dUS71s<7+N4&8P|XVU{_La0^4dqLSco1lJ8tQ zQwQhZ%jtPHOe0t`g+yxnygESSEh)Jjt@%c#vW+-@R_#Uc0Pv*#Mtk~;Kam;% zmbh$i^l;o0vk>C722--{4?~mje!U|ewse$D|I) zD!j7U7hUeQBdhid%QC6euA|%A=|iK#Yf1Tl!s(5TEktTkaf!toY)236JhS76pIoMY z8ku<$Fz*fBOz=9dez!_GmK9&DrFr3Y>1`7_6+JF2$QKIuL|7HM=hw7+LXZnc?uVH# z9ef@DO#89VPNH5U6~>vSKbh10C4z>ZDh8o|FAK5i`_M&#{o#0<3P{=wCUNo zk)Q@R#7$K^=4)8o)pze65v>s>wKUOqa~qhkG~DOaW>fu4=-0;diN=lJYEgGLWn!+1 z8DBB64tCQaT9=yC*0}7qhc}q9y^5YvY;@jY51@s9?d~S2ABaJdgMWcg+-}xu1+6AP zz(^@~jAo#YI1ei;w^Y$@7EI(dt2F(wxl)=qF8Au?5oX}ovkzSS8VjTp@hE5-&;bO{ zg9y;3Fqz<|;K6Gc=W1F!r5a!|QCFP$b%|rt+`i*f!pj#gh+fU5CAUvFe$}48Jzh+| z8n_|MZFqp}Dry|81D%giE!spaLYQ^5`gipiHk&8Yogr~_-+*I+I`L0(Yxg#S;x~si z=77Etc^6y$yRSXP(6C~Z*!5BsSvBv2sF0MFloFpkm177+yU5?qH zn%nG55kgwtL**e{kiS#w++YYc$}0H;Xs-Xve9(GL~Wqd8(arY*y zC4;qK)jlvqpto4+R_D9>QxJrszi?9X-~VBAaFx2N1JoSIUJWz=9A;6Ld&`G9lSn=4 z#@N-o-R*4TKL`oJlut{Yk&q`B8D|e=BejeIht7tb)5=;-a!C(Fzqx_m@#}f47BDDZ z*}A{w*LzbE$hP1|Q*NvMIn-ORtgJl+W&9K{L{y>3#Ohoms4WJ#SnBxLULW$L{+^5V zs|K}M`aY}5?hyn;j@<1e-HN$7iaT}|_|5-&=M_hQaprU4Uj%I*Ah6re?l+*t=&vejM^N=5 zW0;<`#ihtZ*H7w{NfY1oFMFD$+mXL7e%~H>G$;>5R?bF1ukUCCG^4s?UO4WC+Mc25 zO4nFt&>CNYlY_(f$yPU1WNokqK#fP>{qDNYX9?CL*Os)RARR&bT~$JAWK+}|e=v|7 z8i3xL4@Et(V4-3m8M1e{s}to^Wm<~g7W zbsJ1K@k9kd3yWkP1H3`URQddZ1n7zW_|~Dknp#rWDE(>#%Av#pu>{#77%^#D0i@<76R%@e#~ zk)V{k&E-)IC>=RHq1X>p;nb`8NX4MtMVyN)afO?nG3oEo{yTKL)MP{uh#a*b%3=8UV<%68Xw4Q<($X&p z-1L-y=8&W7UrIDJywyYG7u)~=ENVww0z85CKAbuW?|MRcrl}+e^y?!085UhU)G>Un z%^NH~ao!ls|A0yUlVkp8oD*32&&2=%wW>eX`d|?D)cB??@Mj_egT9XO!;1UQ-~KnV C#!vYG literal 0 HcmV?d00001 diff --git a/app/client/web/src/images/failed.png b/app/client/web/src/images/failed.png new file mode 100644 index 0000000000000000000000000000000000000000..2c369c1d3038249d52907d3b52b89738cb347e36 GIT binary patch literal 7431 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
OPTIONS
- { !locked && text && ( + { !locked && status === 'confirmed' && text && (
{ text }
)} + { !locked && status !== 'confirmed' && ( +
+ + +
+ )} { locked && (
{ state.strings.encrypted }
)} - { !locked && media.length > 0 && ( + { !locked && media.length > 0 && transform === 'complete' && (
{ media }
)} + { !locked && media.length > 0 && transform === 'incomplete' && ( + + )} + { !locked && media.length > 0 && transform !== 'complete' && transform !== 'incomplete' && ( + + )} ) } diff --git a/app/client/web/src/message/audioAsset/AudioAsset.module.css b/app/client/web/src/message/audioAsset/AudioAsset.module.css new file mode 100644 index 00000000..fca95685 --- /dev/null +++ b/app/client/web/src/message/audioAsset/AudioAsset.module.css @@ -0,0 +1,8 @@ +.asset { + + .thumb { + width: auto; + height: 128px; + } +} + diff --git a/app/client/web/src/message/audioAsset/AudioAsset.tsx b/app/client/web/src/message/audioAsset/AudioAsset.tsx index 830b9764..c28697de 100644 --- a/app/client/web/src/message/audioAsset/AudioAsset.tsx +++ b/app/client/web/src/message/audioAsset/AudioAsset.tsx @@ -1,9 +1,16 @@ import React from 'react'; import { MediaAsset } from '../../conversation/Conversation'; import { useAudioAsset } from './useAudioAsset.hook'; +import audio from '../../images/audio.png' +import classes from './AudioAsset.module.css' +import { Image } from '@mantine/core' export function AudioAsset({ topicId, asset }: { topicId: string, asset: MediaAsset }) { const { state, actions } = useAudioAsset(topicId, asset); - return
Audio
+ return ( +
+ +
+ ) } diff --git a/app/client/web/src/message/binaryAsset/BinaryAsset.module.css b/app/client/web/src/message/binaryAsset/BinaryAsset.module.css new file mode 100644 index 00000000..fca95685 --- /dev/null +++ b/app/client/web/src/message/binaryAsset/BinaryAsset.module.css @@ -0,0 +1,8 @@ +.asset { + + .thumb { + width: auto; + height: 128px; + } +} + diff --git a/app/client/web/src/message/binaryAsset/BinaryAsset.tsx b/app/client/web/src/message/binaryAsset/BinaryAsset.tsx index 80f10288..f4febccf 100644 --- a/app/client/web/src/message/binaryAsset/BinaryAsset.tsx +++ b/app/client/web/src/message/binaryAsset/BinaryAsset.tsx @@ -1,9 +1,16 @@ import React from 'react'; import { MediaAsset } from '../../conversation/Conversation'; import { useBinaryAsset } from './useBinaryAsset.hook'; +import binary from '../../images/binary.png' +import classes from './BinaryAsset.module.css' +import { Image } from '@mantine/core' export function BinaryAsset({ topicId, asset }: { topicId: string, asset: MediaAsset }) { const { state, actions } = useBinaryAsset(topicId, asset); - return
Binary
+ return ( +
+ +
+ ) }