Bluesky app fork with some witchin' additions 💫

Ensure there is a thumbnail for videos on web (#9019)

authored by samuel.fm and committed by

GitHub 20ff3e3b 5b8631d1

+14 -6
+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
··· 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>