From f850c65c4d91e356c7314d04c4bf7c57926d8243 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 6 Jan 2024 17:10:47 -0800
Subject: fix(badges): no empty card if not owner

---
 src/routes/user/[user]/badges/+page.svelte | 134 ++++++++++++++---------------
 1 file changed, 67 insertions(+), 67 deletions(-)

(limited to 'src/routes/user')

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index cb76eec3..8813c324 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -209,8 +209,8 @@
 	{:then identity}
 		{@const isOwner = identity && identity.name === data.username}
 
-		<div class="card">
-			{#if isOwner}
+		{#if isOwner}
+			<div class="card">
 				<a href={`/user/${data.username}`}>Back to Profile</a>
 				•
 				<button
@@ -231,76 +231,76 @@
 				<input disabled={downloadDisabled} type="checkbox" bind:checked={dark} /> Dark Mode
 				<input disabled={downloadDisabled} type="checkbox" bind:checked={transparent} /> Transparent
 				Background
-			{/if}
 
-			{#if editMode && isOwner}
-				<p />
+				{#if editMode && isOwner}
+					<p />
 
-				{#if error}
-					<p style="color: red;">{error}</p>
-				{/if}
+					{#if error}
+						<p style="color: red;">{error}</p>
+					{/if}
 
-				<input
-					type="text"
-					placeholder="Image URL"
-					name="image_url"
-					minlength="1"
-					maxlength="1000"
-					size="11"
-					value={selectedBadge ? selectedBadge.image : ''}
-				/>
-				<input
-					type="text"
-					placeholder="Activity URL"
-					name="activity_url"
-					minlength="1"
-					maxlength="1000"
-					size="11"
-					value={selectedBadge ? (selectedBadge.post === '#' ? '' : selectedBadge.post) : ''}
-				/>
-				<input
-					type="text"
-					placeholder="Description (Optional)"
-					name="description"
-					minlength="1"
-					maxlength="1000"
-					size="11"
-					value={selectedBadge ? selectedBadge.description : ''}
-				/>
-				<input
-					type="text"
-					placeholder="Category (Optional)"
-					name="category"
-					minlength="1"
-					maxlength="1000"
-					size="11"
-					value={selectedBadge
-						? selectedBadge.category === 'Uncategorised'
-							? ''
-							: selectedBadge.category
-						: ''}
-				/>
-				<button class="button-lined" on:click={submitBadge}
-					>{selectedBadge ? 'Update' : 'Add'}</button
-				>
-				{#if selectedBadge}
-					or
-					<button
-						class="button-lined"
-						on:click={() => {
-							if (selectedBadge) removeBadge(selectedBadge);
-						}}>Delete (click twice)</button
-					>
-				{/if}
-				<span style="float: right;">
 					<input
-						type="datetime-local"
-						value={selectedBadge && selectedBadge.time ? selectedBadge.time : ''}
+						type="text"
+						placeholder="Image URL"
+						name="image_url"
+						minlength="1"
+						maxlength="1000"
+						size="11"
+						value={selectedBadge ? selectedBadge.image : ''}
 					/>
-					<small>Must be full date and time, defaults to now if any fields empty</small>
-				</span>
-			{/if}
-		</div>
+					<input
+						type="text"
+						placeholder="Activity URL"
+						name="activity_url"
+						minlength="1"
+						maxlength="1000"
+						size="11"
+						value={selectedBadge ? (selectedBadge.post === '#' ? '' : selectedBadge.post) : ''}
+					/>
+					<input
+						type="text"
+						placeholder="Description (Optional)"
+						name="description"
+						minlength="1"
+						maxlength="1000"
+						size="11"
+						value={selectedBadge ? selectedBadge.description : ''}
+					/>
+					<input
+						type="text"
+						placeholder="Category (Optional)"
+						name="category"
+						minlength="1"
+						maxlength="1000"
+						size="11"
+						value={selectedBadge
+							? selectedBadge.category === 'Uncategorised'
+								? ''
+								: selectedBadge.category
+							: ''}
+					/>
+					<button class="button-lined" on:click={submitBadge}
+						>{selectedBadge ? 'Update' : 'Add'}</button
+					>
+					{#if selectedBadge}
+						or
+						<button
+							class="button-lined"
+							on:click={() => {
+								if (selectedBadge) removeBadge(selectedBadge);
+							}}>Delete (click twice)</button
+						>
+					{/if}
+					<span style="float: right;">
+						<input
+							type="datetime-local"
+							value={selectedBadge && selectedBadge.time ? selectedBadge.time : ''}
+						/>
+						<small>Must be full date and time, defaults to now if any fields empty</small>
+					</span>
+				{/if}
+			</div>
+		{/if}
 
 		<p />
 
-- 
cgit v1.2.3