common/post.ts

@@ -12,6 +12,7 @@ export type Post = {
   // denormalized user fields
   creatorName: string
   creatorUsername: string
+  creatorAvatarUrl?: string
 }
 
 export type DateDoc = Post & {

functions/src/create-post.ts

@@ -102,6 +102,7 @@ export const createpost = newEndpoint({}, async (req, auth) => {
     contractSlug,
     creatorName: creator.name,
     creatorUsername: creator.username,
+    creatorAvatarUrl: creator.avatarUrl,
   })
 
   await postRef.create(post)

web/components/post-card.tsx

@@ -29,7 +29,11 @@ export function PostCard(props: {
       <Row className="flex grow  justify-between">
         <div className="">
           <Row className="items-center text-sm ">
-            <Avatar className="mx-1 h-7 w-7" username={post.creatorUsername} />
+            <Avatar
+              className="mx-1 h-7 w-7"
+              username={post.creatorUsername}
+              avatarUrl={post.creatorAvatarUrl}
+            />
             <UserLink
               className=" text-gray-400"
               name={post.creatorName}