Redesign abuse notification

svelte/src/admin_panel/BlockFiles.svelte

@@ -28,7 +28,7 @@ let block_form = {
 			name: "reporter",
 			label: "Reporter",
 			type: "text",
-			default_value: "Anonymous tip",
+			default_value: "Anonymous",
 		},
 	],
 	submit_label: `<i class="icon">send</i> Submit`,

svelte/src/file_viewer/FileViewer.svelte

@@ -578,12 +578,11 @@ const keyboard_event = evt => {
 
 	{#if ads_enabled}
 		<AdLeaderboard></AdLeaderboard>
+		<TransferLimit/>
 	{:else if custom_footer}
 		<CustomBanner src={custom_footer} link={custom_footer_link}></CustomBanner>
 	{/if}
 
-	<TransferLimit/>
-
 	<Modal bind:this={details_window} on:is_visible={e => {details_visible = e.detail}} title="File details" width="1000px">
 		<DetailsWindow file={file}></DetailsWindow>
 	</Modal>

svelte/src/file_viewer/viewers/Abuse.svelte

@@ -11,12 +11,24 @@ let file = {
 </script>
 
 <br/>
-<TextBlock center={true}>
+<TextBlock width="750px">
 	<h1>Unavailable for legal reasons</h1>
 	<p>
-		This file has received an abuse report and was taken down.
+		This file has been removed for violating pixeldrain's
+		<a href="/about#content-policy">content policy</a>. Type of abuse:
+		{file.abuse_type}.
 	</p>
 	<p>
-		Type of abuse: {file.abuse_type}. Reporter: {file.abuse_reporter_name}.
+		{#if file.abuse_reporter_name === "User submitted reports"}
+
+			The file was reported by users of pixeldrain with the report button
+			in the toolbar.
+
+		{/if}
+	</p>
+	<p>
+		Pixeldrain has zero tolerance towards abuse. The IP address this file
+		originated from has been banned and is no longer able to upload files to
+		pixeldrain.
 	</p>
 </TextBlock>

svelte/src/home_page/AddressReputation.svelte

@@ -51,18 +51,13 @@ onMount(async () => {
 			<div class="table_scroll">
 				<table>
 					<tr>
+						<td>File</td>
 						<td>Reason</td>
-						<td>Reporter</td>
 						<td>Ban date</td>
 						<td>Expiry date</td>
-						<td>File</td>
 					</tr>
 					{#each result.offences as offence (offence.ban_time)}
 						<tr>
-							<td>{offence.reason}</td>
-							<td>{offence.reporter}</td>
-							<td>{formatDate(offence.ban_time, false, false, false)}</td>
-							<td>{formatDate(offence.expire_time, false, false, false)}</td>
 							<td>
 								{#if offence.file_public_id}
 									<a href="/u/{offence.file_public_id}" target="_blank" rel="noreferrer">
@@ -70,6 +65,9 @@ onMount(async () => {
 									</a>
 								{/if}
 							</td>
+							<td>{offence.reason}</td>
+							<td>{formatDate(offence.ban_time, false, false, false)}</td>
+							<td>{formatDate(offence.expire_time, false, false, false)}</td>
 						</tr>
 					{/each}
 				</table>