From 7ef4d814efb7be157c99407fb8d84fd387ebc3a2 Mon Sep 17 00:00:00 2001
From: Cory McWilliams <cory@unprompted.com>
Date: Sun, 19 Jan 2025 21:34:42 -0500
Subject: [PATCH] ssb: Avoid showing a broken img when viewing a profile
 without one assigned.

---
 apps/ssb.json          | 2 +-
 apps/ssb/tf-profile.js | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/ssb.json b/apps/ssb.json
index f04e6a92..0566d638 100644
--- a/apps/ssb.json
+++ b/apps/ssb.json
@@ -1,5 +1,5 @@
 {
 	"type": "tildefriends-app",
 	"emoji": "🦀",
-	"previous": "&S5oR3IlKRh5xZbC55c0jeBiO2lv1LCBR5GepCPe4YL0=.sha256"
+	"previous": "&J6o2XRWWAirhnQbEa6Pi0QvAex6jTH1o23npX7x82aY=.sha256"
 }
diff --git a/apps/ssb/tf-profile.js b/apps/ssb/tf-profile.js
index b0b806d6..900d19c3 100644
--- a/apps/ssb/tf-profile.js
+++ b/apps/ssb/tf-profile.js
@@ -248,7 +248,14 @@ class TfProfileElement extends LitElement {
 				<div style="display: flex; flex-direction: row; gap: 1em">
 					${edit_profile}
 					<div style="flex: 1 0 50%">
-						<div><img src=${'/' + image + '/view'} style="width: 256px; height: auto"></img></div>
+						${
+							image
+								? html`<div><img src=${'/' + image + '/view'} style="width: 256px; height: auto"></img></div>`
+								: html`<div>
+										<div class="w3-jumbo">😎</div>
+										<div><i>Profile image not set.</i></div>
+									</div>`
+						}
 						<div>${unsafeHTML(tfutils.markdown(description))}</div>
 					</div>
 				</div>