Reorder user home tab menu

svelte/src/user_home/DepositCredit.svelte

@@ -79,12 +79,15 @@ onMount(() => {
 <LoadingIndicator loading={loading}/>
 
 <section>
-	<h2 id="deposit">Deposit credits</h2>
+	<h2 id="deposit">Deposit credit</h2>
 	<p>
-		Pixeldrain credits can be used for our prepaid plans, which are
-		different from the Patreon plans. With prepaid you only pay for what you
-		use, at a rate of €4 per TB per month for storage and €2 per TB for data
-		transfer.
+		Pixeldrain credit can be used for our prepaid plans, which are different
+		from the Patreon plans. With prepaid you only pay for what you use, at a
+		rate of €4 per TB per month for storage and €2 per TB for data transfer.
+		See the Subscriptions tab for more information about the perks.
+	</p>
+	<p>
+		Current account balance: <Euro amount={window.user.balance_micro_eur}></Euro>
 	</p>
 
 	<div class="tab_bar">

svelte/src/user_home/Home.svelte

@@ -225,7 +225,8 @@ onDestroy(() => {
 			{#if window.user.subscription.type === "patreon"}
 				(<a href="https://www.patreon.com/join/pixeldrain/checkout?edit=1">Manage subscription</a>)
 			{:else if window.user.subscription.id === ""}
-				(<a href="/api/patreon_auth/start" class="button">Link Patreon subscription</a>)
+				(<a href="/api/patreon_auth/start">Link Patreon subscription</a> /
+				<a href="/user/prepaid/deposit">deposit account credit</a>)
 			{/if}
 			<ul>
 				<li>
@@ -241,6 +242,7 @@ onDestroy(() => {
 		{#if window.user.balance_micro_eur !== 0}
 			<li>
 				Current account balance: <Euro amount={window.user.balance_micro_eur}></Euro>
+				(<a href="/user/prepaid/deposit">deposit credit</a>)
 				{#if window.user.subscription.id === ""}
 					<br/>
 					You have account credit but no active subscription. Activate

svelte/src/user_home/Router.svelte

@@ -23,6 +23,28 @@ let pages = [
 		title: "Settings",
 		icon: "settings",
 		component: AccountSettings,
+	}, {
+		path: "/user/prepaid",
+		title: "Prepaid",
+		icon: "receipt_long",
+		subpages: [
+			{
+				path: "/user/prepaid/deposit",
+				title: "Deposit credit",
+				icon: "account_balance_wallet",
+				component: DepositCredit,
+			}, {
+				path: "/user/prepaid/subscriptions",
+				title: "Subscriptions",
+				icon: "shopping_cart",
+				component: Subscription,
+			}, {
+				path: "/user/prepaid/transactions",
+				title: "Transactions",
+				icon: "receipt",
+				component: Transactions,
+			},
+		],
 	}, {
 		path: "/user/sharing",
 		title: "Sharing",
@@ -60,28 +82,6 @@ let pages = [
 		title: "Activity Log",
 		icon: "list",
 		component: ActivityLog,
-	}, {
-		path: "/user/prepaid",
-		title: "Prepaid",
-		icon: "receipt_long",
-		subpages: [
-			{
-				path: "/user/prepaid/deposit",
-				title: "Deposit credit",
-				icon: "account_balance_wallet",
-				component: DepositCredit,
-			}, {
-				path: "/user/prepaid/subscriptions",
-				title: "Subscriptions",
-				icon: "shopping_cart",
-				component: Subscription,
-			}, {
-				path: "/user/prepaid/transactions",
-				title: "Transactions",
-				icon: "receipt",
-				component: Transactions,
-			},
-		],
 	},
 ]
 </script>