Fixed #17

src/components/Timeline/Shared/Avatar.tsx

@@ -0,0 +1,43 @@
+import React, { useCallback } from 'react'
+import { StyleConstants } from '@utils/styles/constants'
+import { useNavigation } from '@react-navigation/native'
+import { QueryKeyTimeline } from '@utils/queryHooks/timeline'
+import GracefullyImage from '@components/GracefullyImage'
+import { StackNavigationProp } from '@react-navigation/stack'
+import analytics from '@components/analytics'
+
+export interface Props {
+  queryKey?: QueryKeyTimeline
+  account: Mastodon.Account
+}
+
+const TimelineAvatar: React.FC<Props> = ({ queryKey, account }) => {
+  const navigation = useNavigation<
+    StackNavigationProp<Nav.TabLocalStackParamList>
+  >()
+  // Need to fix go back root
+  const onPress = useCallback(() => {
+    analytics('timeline_shared_avatar_press', {
+      page: queryKey && queryKey[1].page
+    })
+    queryKey && navigation.push('Tab-Shared-Account', { account })
+  }, [])
+
+  return (
+    <GracefullyImage
+      onPress={onPress}
+      uri={{ original: account.avatar_static }}
+      dimension={{
+        width: StyleConstants.Avatar.M,
+        height: StyleConstants.Avatar.M
+      }}
+      style={{
+        borderRadius: 4,
+        overflow: 'hidden',
+        marginRight: StyleConstants.Spacing.S
+      }}
+    />
+  )
+}
+
+export default React.memo(TimelineAvatar, () => true)