diff --git a/static/img/placeholderTx.gif b/static/img/placeholderTx.gif new file mode 100644 index 000000000..339600306 Binary files /dev/null and b/static/img/placeholderTx.gif differ 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',