From edf178eb451a7b071e1af137594f403c8ea6c2f8 Mon Sep 17 00:00:00 2001
From: Dwayne Harris <dwayneh@gmail.com>
Date: Tue, 29 Oct 2019 00:22:10 -0400
Subject: [PATCH] WIP

---
 src/components/composer.tsx  | 5 ++++-
 src/components/post-list.tsx | 2 +-
 src/components/post.tsx      | 2 +-
 src/components/user.tsx      | 7 +++++++
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/composer.tsx b/src/components/composer.tsx
index c64607a..1847892 100644
--- a/src/components/composer.tsx
+++ b/src/components/composer.tsx
@@ -93,7 +93,10 @@ const Composer: FC = () => {
                 case 'init':
                     postMessage({
                         name: data.name,
-                        settings: installation.settings,
+                        content: {
+                            installationId: installation.id,
+                            settings: installation.settings,
+                        },
                     })
 
                     break
diff --git a/src/components/post-list.tsx b/src/components/post-list.tsx
index 8cd951a..df3a44d 100644
--- a/src/components/post-list.tsx
+++ b/src/components/post-list.tsx
@@ -10,7 +10,7 @@ interface Props {
 
 const PostList: FC<Props> = ({ posts }) => (
     <div className="post-list">
-        {posts.map(post => <PostComponent post={post} />)}
+        {posts.map(post => <PostComponent key={post.id} post={post} />)}
     </div>
 )
 
diff --git a/src/components/post.tsx b/src/components/post.tsx
index 8bcf181..e7be69a 100644
--- a/src/components/post.tsx
+++ b/src/components/post.tsx
@@ -14,7 +14,7 @@ interface Props {
 
 const PostComponent: FC<Props> = ({ post }) => (
     <div className="post">
-        <p>{post.text}</p>
+        <p className="is-size-5">{post.text}</p>
 
         <div className="post-info">
             <div>
diff --git a/src/components/user.tsx b/src/components/user.tsx
index e7bbcf9..de80b19 100644
--- a/src/components/user.tsx
+++ b/src/components/user.tsx
@@ -13,6 +13,7 @@ interface Props {
 const UserComponent: FC<Props> = ({ user }) => {
     const config = useSelector<AppState, Config>(getConfig)
     const imageUrl = user && user.imageUrl ? urlForBlob(config, user.imageUrl) : undefined
+    const groupImageUrl = user.group && user.group.iconImageUrl ? urlForBlob(config, user.group.iconImageUrl) : undefined
 
     return (
         <div className="user">
@@ -26,6 +27,12 @@ const UserComponent: FC<Props> = ({ user }) => {
                     <span className="is-size-5">{user.name}</span> <span className="is-size-6 has-text-weight-bold">@{user.id}</span>
                 </Link>
                 <br />
+                {groupImageUrl &&
+                    <figure className="image is-16x16 is-inline">
+                        <img src={groupImageUrl} style={{ width: 16 }} />
+                    </figure>
+                }
+                &nbsp;&nbsp;
                 {user.group && <Link className="is-size-6 has-text-success" to={`/c/${user.group.id}`}>{user.group.name}</Link>}
             </div>
         </div>