Manual download of attachments with no blurHash

This commit is contained in:
Josh Perez 2021-02-11 20:50:11 -05:00 committed by GitHub
parent ed786898fb
commit 34285054f6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 117 additions and 32 deletions

View file

@ -16,7 +16,7 @@ import {
import { Image } from './Image';
import { LocalizerType } from '../../types/Util';
import { LocalizerType, ThemeType } from '../../types/Util';
export type Props = {
attachments: Array<AttachmentType>;
@ -28,6 +28,7 @@ export type Props = {
tabIndex?: number;
i18n: LocalizerType;
theme?: ThemeType;
onError: () => void;
onClick?: (attachment: AttachmentType) => void;
@ -42,6 +43,7 @@ export const ImageGrid = ({
onError,
onClick,
tabIndex,
theme,
withContentAbove,
withContentBelow,
}: Props): JSX.Element | null => {
@ -75,6 +77,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[0], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[0].blurHash}
bottomOverlay={withBottomOverlay}
noBorder={isSticker}
@ -102,6 +105,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[0], i18n)}
i18n={i18n}
theme={theme}
attachment={attachments[0]}
blurHash={attachments[0].blurHash}
bottomOverlay={withBottomOverlay}
@ -118,6 +122,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[1], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[1].blurHash}
bottomOverlay={withBottomOverlay}
noBorder={false}
@ -141,6 +146,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[0], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[0].blurHash}
bottomOverlay={withBottomOverlay}
noBorder={false}
@ -158,6 +164,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[1], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[1].blurHash}
curveTopRight={curveTopRight}
height={99}
@ -171,6 +178,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[2], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[2].blurHash}
bottomOverlay={withBottomOverlay}
noBorder={false}
@ -196,6 +204,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[0], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[0].blurHash}
curveTopLeft={curveTopLeft}
noBorder={false}
@ -210,6 +219,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[1], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[1].blurHash}
curveTopRight={curveTopRight}
playIconOverlay={isVideoAttachment(attachments[1])}
@ -226,6 +236,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[2], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[2].blurHash}
bottomOverlay={withBottomOverlay}
noBorder={false}
@ -241,6 +252,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[3], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[3].blurHash}
bottomOverlay={withBottomOverlay}
noBorder={false}
@ -271,6 +283,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[0], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[0].blurHash}
curveTopLeft={curveTopLeft}
attachment={attachments[0]}
@ -284,6 +297,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[1], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[1].blurHash}
curveTopRight={curveTopRight}
playIconOverlay={isVideoAttachment(attachments[1])}
@ -299,6 +313,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[2], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[2].blurHash}
bottomOverlay={withBottomOverlay}
noBorder={isSticker}
@ -314,6 +329,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[3], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[3].blurHash}
bottomOverlay={withBottomOverlay}
noBorder={isSticker}
@ -328,6 +344,7 @@ export const ImageGrid = ({
<Image
alt={getAlt(attachments[4], i18n)}
i18n={i18n}
theme={theme}
blurHash={attachments[4].blurHash}
bottomOverlay={withBottomOverlay}
noBorder={isSticker}