From 6f4ce0a57c908a26954ac762b9f0eda18959ca6b Mon Sep 17 00:00:00 2001 From: infinite-persistence Date: Mon, 19 Jul 2021 09:42:04 +0800 Subject: [PATCH] Apply placeholder images https://lbryians.slack.com/archives/C81FGKR51/p1624278721203900?thread_ts=1624269131.202200&cid=C81FGKR51 The intrinsic size needs to be at least equal the final image's size. Stretching, SVGs, etc. doesn't count. --- static/img/placeholderTx.gif | Bin 0 -> 2261 bytes ui/component/claimPreviewTile/view.jsx | 7 +++++-- ui/page/channel/view.jsx | 3 +++ web/middleware/cache-control.js | 1 + 4 files changed, 9 insertions(+), 2 deletions(-) create mode 100644 static/img/placeholderTx.gif diff --git a/static/img/placeholderTx.gif b/static/img/placeholderTx.gif new file mode 100644 index 0000000000000000000000000000000000000000..339600306898d49b79f3ca526ce149750883777f GIT binary patch literal 2261 zcmXw*=Uskcv|l_f1hissRdIrQLI%83bijmOsNgRVX$ z-+rcgH0yl6fWqLR?uuVztIlRXH zXr}Fz+BNxn-r`4>tyq)t?H-}*RNeXBJC9%BmVdZ5^}D?y`RU~P3w?K=yaYm`5=fh< zVysBlW*hR%f}zogX`8ci6~+2?`|#u(6h=rQZ=vNWOAH;35$`Qa-%IqF+LBI1aYOr}($HCtWoX+OHM?Bc#aC?qCHwz9nI034c- zhx@3aTOJ&}sYCWrWsfQ>Q9O@ZRn>bWGOZ{{zN*@GoUplVMIP{RjpKBD_E3lX<67sL zq}HN;+JuIF;SD;Is2P;xLt}8 zE%Pr!W+sQN8lrXK)%@I?AKm)H>qyGheQ$=#w(buFV|%y$h$Q2-6)a9q*>+%QhHTrx z5JvB|L*bI;xb3p{)hXNMAC$_rV^OBw?TT0nZijM}b9u@R)#_2%4t0XBcZVi<0he|7 zb0jtE$QR+u5! zRYW!Qy}hfLVF7lRaGa^T&j?24yGzBszTH~MTMNLRvi%5YPx--cY)=IiYui()PJRpA zTXi&@w72?12DZ1Rh+*4XTPgvUQtK+zBx-$4DMr=lOg5_CWC61c!A(w5wy|{-%Qm(7 zY}sbZ0!V8J?n2UNjXmKCT9Yl-PHT21L-dx#1Lv$rx7^wuGUoqldq0xe;jA5*6> zE=-gv7;PStozd>IEPS0?`z1Mz7MoYj%`tt*}<{LT4AnZm5a>nU+oT3 za-9j&4z4TN5A&{lj&4}YyZ%LliZ?)t>*w7_C*t{oUk6b(@Na&Tsp8+-#O&wa&X5M- z1$VYw`x(&sCc?R$1U;Wh4=TP>B0x-!3ec* z42yFLe^L_>(Rk2NO1kLbiA=RD!+TvV!zv7)lG=FA*LdpN_R;C8ce>TK) ztQvZS zWv`*Ki-A$BeK4);jR;)OB^-&hKiE+Ar#RUqn9BMQALcFlGZEJngs}=D31~S$k#z;@ zSO*BSawrprTwZ2l9gH`Wxu@W6Ld{1Sxg#rzd)fihYChHi{d-8-g>g&9 z3AJlou-wVhanE>ZwTW&3?-JU$r89=wb<=WJ9_-<2=e@N=KXB~_5aN{u#?<{C#jX`Z z;d$jSz3v|o;B^^^R{;kb>;4&sT~|_hm0{3S-Iqjg;4sFkiiBh8Qz_U$p^jHgphNX( znc$66HeOA<5nsQ7iQOpi@M@E$>M4*E94rI*b?akv|AI8wU{w^qo=n&M8`gq1>qvav zMx*XOW(d1!pz`%wrgZI7#EbYnJ@2@T(|30hl>MmoS$43BsO=Q^e!BU1{E+y`^c zcgH{`wni~B9+h*!K?hA-Ep+cODW`1^GMe~i#XT=Ir+oyRGUZsI(VwxL4rn~aEOIGE zXLLE8fR}F0bwlnKHZaFBV>IVaE8O#tC&xNJWtRG(`vCwXycihUun$#&_XDGamtaQ2 zj}ajJ0GB503N|$yfZ~)7;B4XLFkizVfC!HTDTLjTv0$T|q8tm>3$GABMx!DV{%M(A z*aO6y8dXf?Phpdw@M@B;Q6q)N-vuC1@A}xLBN`<*9vLm_BQu(gX+ikmiZqdJqp9gQ zU{*dPWQ*)ud|=Z_D?G7MA#!AavCXGl%87Wrs2@jTG#9(!M{5AP$jLJ`pP5#IkCG-u zt~_6})(^suKZC^A3SwKzaj5F?`e^ZWCCF&0jKDuhNfQqMg{GG3IMow!Hcot_#Me?w T#Dku%6ym|En(u!fn8g196>?jY literal 0 HcmV?d00001 diff --git a/ui/component/claimPreviewTile/view.jsx b/ui/component/claimPreviewTile/view.jsx index 67a7e5d00..9919da141 100644 --- a/ui/component/claimPreviewTile/view.jsx +++ b/ui/component/claimPreviewTile/view.jsx @@ -17,6 +17,8 @@ import FileWatchLaterLink from 'component/fileWatchLaterLink'; import ClaimRepostAuthor from 'component/claimRepostAuthor'; import ClaimMenuList from 'component/claimMenuList'; import CollectionPreviewOverlay from 'component/collectionPreviewOverlay'; +// $FlowFixMe cannot resolve ... +import PlaceholderTx from 'static/img/placeholderTx.gif'; type Props = { uri: string, @@ -37,7 +39,6 @@ type Props = { }>, blockedChannelUris: Array, getFile: (string) => void, - placeholder: boolean, streamingUrl: string, isMature: boolean, showMature: boolean, @@ -170,7 +171,9 @@ function ClaimPreviewTile(props: Props) { if (placeholder || (!claim && isResolvingUri)) { return (
  • -
    +
    + Placeholder +
    diff --git a/ui/page/channel/view.jsx b/ui/page/channel/view.jsx index ac0105a13..a7bf858e7 100644 --- a/ui/page/channel/view.jsx +++ b/ui/page/channel/view.jsx @@ -23,6 +23,8 @@ import ChannelStakedIndicator from 'component/channelStakedIndicator'; import ClaimMenuList from 'component/claimMenuList'; import Yrbl from 'component/yrbl'; import I18nMessage from 'component/i18nMessage'; +// $FlowFixMe cannot resolve ... +import PlaceholderTx from 'static/img/placeholderTx.gif'; export const PAGE_VIEW_QUERY = `view`; const CONTENT_PAGE = 'content'; @@ -217,6 +219,7 @@ function ChannelPage(props: Props) { {/* TODO: add channel collections */}
    + {cover && } {cover && }
    diff --git a/web/middleware/cache-control.js b/web/middleware/cache-control.js index e41697b08..266165e43 100644 --- a/web/middleware/cache-control.js +++ b/web/middleware/cache-control.js @@ -14,6 +14,7 @@ const STATIC_ASSET_PATHS = [ '/public/img/gerbil-happy.png', '/public/img/gerbil-sad.png', '/public/img/placeholder.png', + '/public/img/placeholderTx.gif', '/public/img/thumbnail-broken.png', '/public/img/thumbnail-missing.png', '/public/img/total-background.png',