fix: display profile picture (#127)

Signed-off-by: Iuri Pereira <689440+iuricmp@users.noreply.github.com>

mobile/app/[account]/index.tsx

@@ -44,11 +44,16 @@ export default function Page() {
     try {
       setLoading("Loading account...");
       const response = await search.getJsonUserByName(accountName);
-      setUser(response);
 
       if (!response) {
+        setUser(undefined);
         setError(`The account '${accountName}' does not exist.`);
         return;
+      } else {
+        // TODO: add avatar to indexer and avoid querying on chain
+        const user = await userCache.getUser(response.address);
+        response.avatar = user.avatar;
+        setUser(response);
       }
 
       const { followers } = await search.GetJsonFollowers(response.address);

mobile/components/view/account/index.tsx

@@ -1,11 +1,11 @@
 import { useMemo } from "react";
-import { Image, StyleSheet, TouchableOpacity, View } from "react-native";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
 import Text from "@gno/components/text";
-import Layout from "@gno/components/layout";
 import { colors } from "@gno/styles/colors";
 import Button from "@gno/components/button";
 import { Following, Post, User } from "@gno/types";
 import FeedView from "../feed/feed-view";
+import Avatar from "@gno/components/avatar/avatar";
 
 interface Props {
   onPressFollowing: () => void;
@@ -39,11 +39,13 @@ function AccountView(props: Props) {
 
   const isFollowed = useMemo(() => followers.find((f) => f.address === currentUser.address) != null, [user, followers]);
 
+  const avarUri = user.avatar ? user.avatar : "https://www.gravatar.com/avatar/tmp";
+
   return (
     <>
       <View style={styles.container}>
         <View style={styles.banner}>
-          <Image source={{ uri: "https://www.gravatar.com/avatar/tmp" }} style={styles.avatar} />
+          <Avatar uri={avarUri} style={styles.avatar} />
         </View>
 
         <View style={styles.followButtonRow}>