From 3dbb74a1dcc2aa046f582673e71c42eda1e6109e Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Thu, 8 Jun 2023 02:36:47 +0200
Subject: [PATCH] Added alert transfer tools. Removed stash and alert add-tiles
 in favor of more prominent heading buttons.

---
 .gitignore                       |  1 +
 assets/components/users/user.vue | 34 ++++++++++++++++----------------
 assets/css/_inputs.scss          | 16 +++++++++++++++
 src/tools/stashes-load.js        |  2 ++
 4 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/.gitignore b/.gitignore
index 4ce5a18d..f346d1ec 100755
--- a/.gitignore
+++ b/.gitignore
@@ -12,6 +12,7 @@ assets/js/config/
 !assets/js/config/default.js
 /export*
 /stashes*
+/alerts*
 *.heapprofile
 *.heapsnapshot
 .vscode
diff --git a/assets/components/users/user.vue b/assets/components/users/user.vue
index b46d2408..c50319e2 100755
--- a/assets/components/users/user.vue
+++ b/assets/components/users/user.vue
@@ -14,11 +14,13 @@
 			<div class="section-header">
 				<h3 class="section-heading">Stashes</h3>
 
-				<Icon
-					icon="plus3"
-					class="header-add"
+				<button
+					v-if="isMe"
+					class="button button-secondary header-add"
 					@click="showAddStash = true"
-				/>
+				>
+					<Icon icon="plus3" />Add stash
+				</button>
 			</div>
 
 			<ul class="section-body stashes nolist">
@@ -35,6 +37,7 @@
 					/>
 				</li>
 
+				<!--
 				<li
 					v-if="isMe"
 					class="stashes-stash stashes-add"
@@ -42,6 +45,7 @@
 				>
 					<Icon icon="plus2" />
 				</li>
+				-->
 			</ul>
 
 			<AddStash
@@ -54,11 +58,13 @@
 			<div class="section-header">
 				<h3 class="section-heading">Alerts</h3>
 
-				<Icon
-					icon="plus3"
-					class="header-add"
+				<button
+					v-if="isMe"
+					class="button button-secondary header-add"
 					@click="showAddAlert = true"
-				/>
+				>
+					<Icon icon="plus3" />Set alert
+				</button>
 			</div>
 
 			<ul class="section-body alerts nolist">
@@ -74,12 +80,14 @@
 					/>
 				</li>
 
+				<!--
 				<li
 					class="alerts-add"
 					@click="showAddAlert = true"
 				>
 					<Icon icon="plus2" />
 				</li>
+				-->
 			</ul>
 
 			<AddAlert
@@ -186,7 +194,7 @@ export default {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	margin: 0 0 1rem 0;
+	margin: 0 1rem 1rem 0;
 }
 
 .section-body {
@@ -201,14 +209,6 @@ export default {
 }
 
 .header-add {
-	height: auto;
-	padding: .5rem 1rem;
-	fill: var(--shadow);
-
-	&:hover {
-		fill: var(--primary);
-		cursor: pointer;
-	}
 }
 
 .stashes-stash {
diff --git a/assets/css/_inputs.scss b/assets/css/_inputs.scss
index b10938e7..d022938b 100755
--- a/assets/css/_inputs.scss
+++ b/assets/css/_inputs.scss
@@ -26,6 +26,8 @@
 }
 
 .button {
+	display: inline-flex;
+	align-items: center;
 	border: none;
 	background: none;
 	padding: .5rem;
@@ -49,6 +51,11 @@
 		background: var(--shadow-weak);
 		cursor: default;
 	}
+
+	.icon {
+		fill: var(--text-light);
+		margin-right: .5rem;
+	}
 }
 
 .button-secondary {
@@ -57,12 +64,21 @@
 	&:hover:not(:disabled) {
 		color: var(--text-light);
 		background: var(--primary);
+
+		.icon {
+			fill: var(--text-light);
+		}
 	}
 
 	&:disabled {
 		color: var(--shadow-strong);
 		cursor: default;
 	}
+
+	.icon {
+		fill: var(--primary);
+		margin-right: .5rem;
+	}
 }
 
 .album-toggle {
diff --git a/src/tools/stashes-load.js b/src/tools/stashes-load.js
index 8cccfd37..63dfeed5 100644
--- a/src/tools/stashes-load.js
+++ b/src/tools/stashes-load.js
@@ -1,3 +1,5 @@
+'use strict';
+
 const fs = require('fs');
 const knex = require('../knex');
 const args = require('../argv');