From 027bf973e7072d59ebabd6920a2a5f272e0e7dae Mon Sep 17 00:00:00 2001
From: Hong Minhee <hong@minhee.org>
Date: Mon, 9 Dec 2024 00:45:18 +0900
Subject: [PATCH] Show cover image on profile page

---
 CHANGES.md                 |  2 ++
 src/components/Profile.tsx | 11 +++++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 5aee6fe0..a1ca4096 100644
--- 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
index 347af7c7..ee88cf90 100644
--- 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>
   );
 }