From 0d5e63dde3da4116a49f6c83eb6094d68a41b914 Mon Sep 17 00:00:00 2001
From: s-ol <s+removethis@s-ol.nu>
Date: Wed, 12 Jan 2022 10:17:26 +0100
Subject: handle errors while loading more gracefully

---
 src/ui/Note.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'src/ui/Note.js')

diff --git a/src/ui/Note.js b/src/ui/Note.js
index d4ef30a..63905e4 100644
--- a/src/ui/Note.js
+++ b/src/ui/Note.js
@@ -49,6 +49,14 @@ section > header > .avatar {
 	flex: 0 0 auto;
 	margin: 0.25rem;
 	border-radius: 0.3rem;
+
+	font-size: 1.5rem;
+	font-weight: bold;
+	line-height: 2rem;
+	text-align: center;
+	text-decoration: none;
+	background: white;
+	color: black;
 }
 section > header > .avatar img {
 	width: inherit;
@@ -78,7 +86,7 @@ section > header > .user {
 }
 
 section > header > .time {
-	flex: 0 1 auto;
+	flex: 0 0 auto;
 	font-size: 0.8em;
 	color: #363636;
 }
@@ -94,7 +102,9 @@ const Header = ({ id, user, published, collapsed, onCollapse }) => {
 	return (
 		<header>
 			<a class="avatar" href={user.id}>
-				<img src={new URL(user.icon.url, user.id)} />
+				{user.icon
+					? <img src={new URL(user.icon.url, user.id)} />
+					: "?"}
 			</a>
 			<span class="user">{username}</span>
 			<Space />
-- 
cgit v1.2.3