From 0f8befc89ca7b6a0d44e355a72df9f92f8f76038 Mon Sep 17 00:00:00 2001
From: Zhiyuan Zheng <me@xmflsct.com>
Date: Tue, 21 Jun 2022 23:50:49 +0200
Subject: [PATCH] Fixed #348

---
 src/screens/Tabs/Shared/Account/Header.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/screens/Tabs/Shared/Account/Header.tsx b/src/screens/Tabs/Shared/Account/Header.tsx
index 6b33bf73..5a4d9a6e 100644
--- a/src/screens/Tabs/Shared/Account/Header.tsx
+++ b/src/screens/Tabs/Shared/Account/Header.tsx
@@ -1,9 +1,8 @@
 import Button from '@components/Button'
-import { useAccessibility } from '@utils/accessibility/AccessibilityManager'
+import GracefullyImage from '@components/GracefullyImage'
 import { useTheme } from '@utils/styles/ThemeManager'
 import React from 'react'
 import { Dimensions, View } from 'react-native'
-import FastImage from 'react-native-fast-image'
 import { useSafeAreaInsets } from 'react-native-safe-area-context'
 
 export interface Props {
@@ -13,16 +12,13 @@ export interface Props {
 
 const AccountHeader = React.memo(
   ({ account, edit }: Props) => {
-    const { reduceMotionEnabled } = useAccessibility()
     const { colors } = useTheme()
     const topInset = useSafeAreaInsets().top
 
     return (
       <View>
-        <FastImage
-          source={{
-            uri: reduceMotionEnabled ? account?.header_static : account?.header
-          }}
+        <GracefullyImage
+          uri={{ original: account?.header, static: account?.header_static }}
           style={{
             height: Dimensions.get('screen').width / 3 + topInset,
             backgroundColor: colors.disabled