robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Ensure there is a thumbnail for videos on web (#9019)
samuel.fm
+14
-6
+7
-5
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoFallback.tsx
+7
-5
src/components/Post/Embed/VideoEmbed/VideoEmbedInner/VideoFallback.tsx
···
3
3
import {useLingui} from '@lingui/react'
4
4
5
5
import {atoms as a, useTheme} from '#/alf'
6
-
import {Button, ButtonText} from '#/components/Button'
6
+
import {Button, ButtonIcon, ButtonText} from '#/components/Button'
7
+
import {ArrowRotateCounterClockwise_Stroke2_Corner0_Rounded as ArrowRotateIcon} from '#/components/icons/ArrowRotateCounterClockwise'
8
+
import {MediaInsetBorder} from '#/components/MediaInsetBorder'
7
9
import {Text as TypoText} from '#/components/Typography'
8
10
9
11
export function Container({children}: {children: React.ReactNode}) {
···
16
18
a.justify_center,
17
19
a.align_center,
18
20
a.px_lg,
19
-
a.border,
20
-
t.atoms.border_contrast_low,
21
-
a.rounded_sm,
21
+
a.rounded_md,
22
+
a.overflow_hidden,
22
23
a.gap_lg,
23
24
]}>
24
25
{children}
26
+
<MediaInsetBorder />
25
27
</View>
26
28
)
27
29
}
···
50
52
onPress={onPress}
51
53
size="small"
52
54
color="secondary_inverted"
53
-
variant="solid"
54
55
label={_(msg`Retry`)}>
56
+
<ButtonIcon icon={ArrowRotateIcon} />
55
57
<ButtonText>
56
58
<Trans>Retry</Trans>
57
59
</ButtonText>
+7
-1
src/components/Post/Embed/VideoEmbed/index.web.tsx
+7
-1
src/components/Post/Embed/VideoEmbed/index.web.tsx
···
86
86
const contents = (
87
87
<div
88
88
ref={ref}
89
-
style={{display: 'flex', flex: 1, cursor: 'default'}}
89
+
style={{
90
+
display: 'flex',
91
+
flex: 1,
92
+
cursor: 'default',
93
+
backgroundImage: `url(${embed.thumbnail})`,
94
+
backgroundSize: 'cover',
95
+
}}
90
96
onClick={evt => evt.stopPropagation()}>
91
97
<ErrorBoundary renderError={renderError} key={key}>
92
98
<OnlyNearScreen>