WIP

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

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>
 )
 

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>

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>