octo/tooot
octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-01-21 21:35:34 +01:00
Code Issues Projects Releases Wiki Activity

Faster image loading transition

Browse Source
This commit is contained in:
xmflsct 2023-02-01 00:06:33 +01:00
parent 968a3266c2
commit 5d3f773a2a
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Emojis/List.tsx
View File

@ -131,7 +131,7 @@ const EmojisList = () => {
>
<FastImage
enterTransition='fadeIn'
transitionDuration={100}
transitionDuration={60}
accessibilityLabel={t('common:customEmoji.accessibilityLabel', {
emoji: emoji.shortcode
})}

8
src/components/GracefullyImage.tsx
View File

@ -88,21 +88,21 @@ const GracefullyImage = ({
{...(onPress ? { accessibilityRole: 'imagebutton' } : { accessibilityRole: 'image' })}
accessibilityLabel={accessibilityLabel}
accessibilityHint={accessibilityHint}
style={[style, dimension, { backgroundColor: colors.shimmerDefault }]}
style={[style, dimension]}
{...(onPress ? (hidden ? { disabled: true } : { onPress }) : { disabled: true })}
>
{uri.preview && !imageLoaded ? (
<FastImage
source={connectMedia({ uri: uri.preview })}
enterTransition='fadeIn'
transitionDuration={100}
style={[styles.placeholder, { backgroundColor: colors.shimmerDefault }]}
transitionDuration={60}
style={[styles.placeholder]}
/>
) : null}
<FastImage
source={connectMedia(source)}
enterTransition='fadeIn'
transitionDuration={100}
transitionDuration={60}
style={[{ flex: 1 }, imageStyle]}
onLoad={() => {
setImageLoaded(true)

2
src/screens/Compose/Root/Footer/Attachments.tsx
View File

@ -106,7 +106,7 @@ const ComposeAttachments: React.FC<Props> = ({ accessibleRefAttachments }) => {
>
<FastImage
enterTransition='fadeIn'
transitionDuration={100}
transitionDuration={60}
style={{ width: '100%', height: '100%' }}
source={
item.local?.thumbnail