From 497fda32515dca296d7258a445d225ffbc11a1a6 Mon Sep 17 00:00:00 2001
From: Asaf Gartner <asaf@handmadedev.org>
Date: Sun, 23 Jun 2024 17:12:20 +0300
Subject: [PATCH] Snippet page and edit

---
 public/js/snippetedit.js                    | 9 +++++++--
 src/templates/src/include/snippet_edit.html | 4 ++--
 src/templates/src/snippet.html              | 4 ++--
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/public/js/snippetedit.js b/public/js/snippetedit.js
index 4d4e9d4d..8716b528 100644
--- a/public/js/snippetedit.js
+++ b/public/js/snippetedit.js
@@ -24,8 +24,13 @@ function makeSnippetEdit(ownerName, ownerAvatar, ownerUrl, date, text, attachmen
 	let attachmentChanged = false;
 	let hasAttachment = false;
 	snippetEdit.redirect.value = location.href;
-	snippetEdit.avatarImg.src = ownerAvatar;
-	snippetEdit.avatarLink.href = ownerUrl;
+	if (ownerAvatar) {
+		snippetEdit.avatarImg.src = ownerAvatar;
+		snippetEdit.avatarLink.href = ownerUrl;
+		snippetEdit.avatarImg.hidden = false;
+	} else {
+		snippetEdit.avatarImg.hidden = true;
+	}
 	snippetEdit.username.textContent = ownerName;
 	snippetEdit.username.href = ownerUrl;
 	snippetEdit.date.textContent = new Intl.DateTimeFormat([], { month: "2-digit", day: "2-digit", year: "numeric" }).format(date);
diff --git a/src/templates/src/include/snippet_edit.html b/src/templates/src/include/snippet_edit.html
index f53d1a3e..229c9a91 100644
--- a/src/templates/src/include/snippet_edit.html
+++ b/src/templates/src/include/snippet_edit.html
@@ -9,7 +9,7 @@
 </style>
 
 <template id="snippet-edit">
-	<form data-tmpl="root" class="snippet-edit-root timeline-item pa3 mb2" method="POST" action="{{ .SnippetEdit.SubmitUrl }}" enctype="multipart/form-data">
+	<form data-tmpl="root" class="hmn-form snippet-edit-root ba b--theme-dim pa3 mb2" method="POST" action="{{ .SnippetEdit.SubmitUrl }}" enctype="multipart/form-data">
 		{{ csrftoken .Session }}
 		<input data-tmpl="redirect" type="hidden" name="redirect" />
 		<input data-tmpl="snippetId" type="hidden" name="snippet_id" />
@@ -25,7 +25,7 @@
 		<textarea data-tmpl="text" placeholder="Description and/or links" class="w-100 h4 mt3" name="text"></textarea>
 		<div class="mv3">
 			<div data-tmpl="uploadBox">
-				<a data-tmpl="uploadLink" class="upload-box flex flex-column items-center pa4 b--dimmest br3 mw6" href="javascript:;">
+				<a data-tmpl="uploadLink" class="b--dashed flex flex-column items-center pa4 b--dimmest br3" href="javascript:;">
 					Upload image, video, or other file
 				</a>
 				<div data-tmpl="uploadResetBox" class="mt2 dn">
diff --git a/src/templates/src/snippet.html b/src/templates/src/snippet.html
index aff4cb59..98972fe3 100644
--- a/src/templates/src/snippet.html
+++ b/src/templates/src/snippet.html
@@ -1,11 +1,11 @@
-{{ template "base.html" . }}
+{{ template "base-2024.html" . }}
 
 {{ define "extrahead" }}
 	<script src="{{ static "js/templates.js" }}"></script>
 {{ end }}
 
 {{ define "content" }}
-<div class="content-block">
+<div class="mw-site pa3 center">
 	{{ template "timeline_item.html" .Snippet }}
 </div>
 {{ if .CanEditSnippet }}