Show cover image on profile page

dahlia · Dec 8, 2024 · 027bf97 · 027bf97
1 parent 848112c
commit 027bf97
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/CHANGES.md b/CHANGES.md
@@ -6,6 +6,8 @@ Version 0.4.0
 
 To be released.
 
+ -  The profile page now shows a user's cover image if they have one.
+
 
 Version 0.3.0
 -------------

diff --git a/src/components/Profile.tsx b/src/components/Profile.tsx
@@ -14,7 +14,14 @@ export function Profile({ accountOwner }: ProfileProps) {
   const bioHtml = renderCustomEmojis(account.bioHtml ?? "", account.emojis);
   const url = account.url ?? account.iri;
   return (
-    <>
+    <div>
+      {account.coverUrl && (
+        <img
+          src={account.coverUrl}
+          alt=""
+          style="margin-bottom: 1em; width: 100%;"
+        />
+      )}
       <hgroup>
         {account.avatarUrl && (
           <img
@@ -67,6 +74,6 @@ export function Profile({ accountOwner }: ProfileProps) {
           </tbody>
         </table>
       )}
-    </>
+    </div>
   );
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,6 +6,8 @@ Version 0.4.0 @@
     To be released.
+     -  The profile page now shows a user's cover image if they have one.
     Version 0.3.0
     -------------
@@ Expand Down @@