From dc680f7efd4c2ce3f3b8be97dcc46e442341a399 Mon Sep 17 00:00:00 2001
From: Fornax <wim@fornaxian.tech>
Date: Tue, 8 Feb 2022 21:05:08 +0100
Subject: [PATCH] Some small fixes

---
 res/include/md/api_file.md                      |  2 +-
 svelte/src/file_viewer/FileViewer.svelte        |  1 +
 svelte/src/file_viewer/viewers/Abuse.svelte     |  2 +-
 svelte/src/file_viewer/viewers/TextBlock.svelte |  6 +++++-
 svelte/src/user_home/AccountSettings.svelte     | 15 +++++++++++----
 svelte/src/user_home/ActivityLog.svelte         |  6 +++++-
 6 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/res/include/md/api_file.md b/res/include/md/api_file.md
index 20addce..8464900 100644
--- a/res/include/md/api_file.md
+++ b/res/include/md/api_file.md
@@ -93,7 +93,7 @@ file      | file    | true     | request body  | Depends on user subscription |
 
 ### Returns
 
-HTTP 200: OK
+HTTP 201: OK
 ```
 {
 	"id": "abc123" // ID of the newly uploaded file
diff --git a/svelte/src/file_viewer/FileViewer.svelte b/svelte/src/file_viewer/FileViewer.svelte
index cef71ba..338fa0d 100644
--- a/svelte/src/file_viewer/FileViewer.svelte
+++ b/svelte/src/file_viewer/FileViewer.svelte
@@ -722,6 +722,7 @@ const keyboard_event = evt => {
 .file_preview_container.custom_background {
 	background-size: cover;
 	background-position: center;
+	background-color: var(--layer_1_color);
 }
 
 /* Toolbars */
diff --git a/svelte/src/file_viewer/viewers/Abuse.svelte b/svelte/src/file_viewer/viewers/Abuse.svelte
index 746b30d..bf10398 100644
--- a/svelte/src/file_viewer/viewers/Abuse.svelte
+++ b/svelte/src/file_viewer/viewers/Abuse.svelte
@@ -11,7 +11,7 @@ let file = {
 </script>
 
 <br/>
-<TextBlock>
+<TextBlock center={true}>
 	<h1>Unavailable for legal reasons</h1>
 	<p>
 		This file has received an abuse report and was taken down.
diff --git a/svelte/src/file_viewer/viewers/TextBlock.svelte b/svelte/src/file_viewer/viewers/TextBlock.svelte
index 13ef4f4..542c7f4 100644
--- a/svelte/src/file_viewer/viewers/TextBlock.svelte
+++ b/svelte/src/file_viewer/viewers/TextBlock.svelte
@@ -1,8 +1,9 @@
 <script>
 export let width = "800px"
+export let center = false
 </script>
 
-<div class="block" style="max-width: {width};">
+<div class="block" class:center style="max-width: {width};">
 	<slot></slot>
 </div>
 
@@ -17,4 +18,7 @@ export let width = "800px"
 	border-radius: 16px;
 	padding: 8px;
 }
+.center {
+	text-align: center;
+}
 </style>
diff --git a/svelte/src/user_home/AccountSettings.svelte b/svelte/src/user_home/AccountSettings.svelte
index 26dd801..4de1dc8 100644
--- a/svelte/src/user_home/AccountSettings.svelte
+++ b/svelte/src/user_home/AccountSettings.svelte
@@ -139,7 +139,9 @@ let delete_account = {
 		return {success: true, message: "Success! Your account has been scheduled for deletion in 7 days"}
 	},
 }
+
 let success_message
+let changes_made = false
 
 let file_picker
 let theme = ""
@@ -169,6 +171,8 @@ let add_file = files => {
 	} else if (currently_selecting === "footer") {
 		footer_image_id = files[0].id
 	}
+
+	changes_made = true
 }
 let save = async () => {
 	const form = new FormData()
@@ -189,6 +193,7 @@ let save = async () => {
 	}
 
 	success_message.set(true, "Changes saved")
+	changes_made = false
 }
 
 onMount(() => {
@@ -246,7 +251,7 @@ onMount(() => {
 		theme preference of the person viewing the file. Set to 'None' to let
 		the viewer choose their own theme.
 	</p>
-	<ThemePicker theme={theme} on:theme_change={e => theme = e.detail}></ThemePicker>
+	<ThemePicker theme={theme} on:theme_change={e => {theme = e.detail; changes_made = true}}></ThemePicker>
 
 	<h3>Header image</h3>
 	<p>
@@ -307,12 +312,14 @@ onMount(() => {
 		</div>
 	{/if}
 
-	<br/>
-	<br/>
+	<hr/>
 
-	<button on:click={save}>
+
+	<button on:click={save} class:button_highlight={changes_made}>
 		<i class="icon">save</i> Save
 	</button>
+	<br/>
+	<br/>
 </section>
 
 <FilePicker bind:this={file_picker} on:files={e => {add_file(e.detail)}} multi_select={false}></FilePicker>
diff --git a/svelte/src/user_home/ActivityLog.svelte b/svelte/src/user_home/ActivityLog.svelte
index ea664d8..5ab7018 100644
--- a/svelte/src/user_home/ActivityLog.svelte
+++ b/svelte/src/user_home/ActivityLog.svelte
@@ -94,7 +94,11 @@ onMount(() => {
 								{/if}
 							</td>
 							<td>
-								{row.file_name}
+								{#if row.event === "file_instance_blocked"}
+									<a href="/u/{row.file_id}">{row.file_name}</a>
+								{:else}
+									{row.file_name}
+								{/if}
 							</td>
 							<td>
 								{row.file_removal_reason}