chore: Upgrade buefy to newest version

13 files changed, 33 insertions, 29 deletions

diff --git a/src/api/database/seeds/initial.js b/src/api/database/seeds/initial.js
index 560b6b2..bb4ce8c 100644
--- a/src/api/database/seeds/initial.js
+++ b/src/api/database/seeds/initial.js
@@ -26,4 +26,4 @@ exports.seed = async db => {
 	} catch (error) {
 		console.error(error);
 	}
-}
+};
diff --git a/src/api/routes/files/filesGET.js b/src/api/routes/files/filesGET.js
index f0779fd..ce288ff 100644
--- a/src/api/routes/files/filesGET.js
+++ b/src/api/routes/files/filesGET.js
@@ -33,7 +33,6 @@ class filesGET extends Route {
 			For each file, create the public link to be able to display the file
 		*/
 		for (let file of files) {
-			console.log(file);
 			file = Util.constructFilePublicLink(file);
 		}
 
diff --git a/src/site/assets/styles/style.scss b/src/site/assets/styles/style.scss
index b85602b..f73fb96 100644
--- a/src/site/assets/styles/style.scss
+++ b/src/site/assets/styles/style.scss
@@ -14,7 +14,7 @@ $size-normal: 1rem;
 html {
 	// font-size: 100%;
 	font-size: 14px;
-	background-color: $background;
+	background-color: $backgroundLight1;
 }
 
 h4 {
@@ -42,6 +42,11 @@ h4 {
 .text-center {
 	text-align: center;
 }
+
+hr {
+	background-color: #c7c7c7;
+	height: 1px;
+}
 // Bulma color changes.
 .tooltip.is-top.is-primary:before { border-top: 5px solid #20222b; }
 .tooltip.is-primary:after { background: #20222b; }
diff --git a/src/site/components/grid/Grid.vue b/src/site/components/grid/Grid.vue
index 07e5440..5f98b9d 100644
--- a/src/site/components/grid/Grid.vue
+++ b/src/site/components/grid/Grid.vue
@@ -191,7 +191,7 @@ export default {
 			console.log('> Search result data', data);
 		},
 		deleteFile(file, index) {
-			this.$dialog.confirm({
+			this.$buefy.dialog.confirm({
 				title: 'Deleting file',
 				message: 'Are you sure you want to <b>delete</b> this file?',
 				confirmText: 'Delete File',
@@ -204,7 +204,7 @@ export default {
 					this.$nextTick(() => {
 						this.showWaterfall = true;
 					});
-					return this.$toast.open(response.message);
+					return this.buefy.$toast.open(response.message);
 				}
 			});
 		}
diff --git a/src/site/components/navbar/Navbar.vue b/src/site/components/navbar/Navbar.vue
index 5b422ae..a258e17 100644
--- a/src/site/components/navbar/Navbar.vue
+++ b/src/site/components/navbar/Navbar.vue
@@ -5,7 +5,7 @@
 		box-shadow: none;
 
 		.navbar-brand {
-			width: 100%;
+			width: calc(100% - 2em);
 			align-items: flex-start;
 			padding: 1em;
 
diff --git a/src/site/layouts/default.vue b/src/site/layouts/default.vue
index bd6f134..f33a61a 100644
--- a/src/site/layouts/default.vue
+++ b/src/site/layouts/default.vue
@@ -24,7 +24,7 @@ export default {
 		alert() {
 			if (!this.alert) return;
 
-			this.$toast.open({
+			this.$buefy.toast.open({
 				duration: 3500,
 				message: this.alert.text,
 				position: 'is-bottom',
diff --git a/src/site/pages/dashboard/account.vue b/src/site/pages/dashboard/account.vue
index 3aa103f..8955844 100644
--- a/src/site/pages/dashboard/account.vue
+++ b/src/site/pages/dashboard/account.vue
@@ -132,10 +132,10 @@ export default {
 					password: this.user.password,
 					newPassword: this.user.newPassword
 				});
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 		},
 		promptNewAPIKey() {
-			this.$dialog.confirm({
+			this.$buefy.dialog.confirm({
 				type: 'is-danger',
 				message: 'Are you sure you want to regenerate your API key? Previously generated API keys will stop working. Make sure to write the new key down as this is the only time it will be displayed to you.',
 				onConfirm: () => this.requestNewAPIKey()
@@ -145,7 +145,7 @@ export default {
 			const response = await this.$axios.$post(`user/apikey/change`);
 			this.user.apiKey = response.apiKey;
 			this.$forceUpdate();
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 		}
 	}
 };
diff --git a/src/site/pages/dashboard/albums/_id.vue b/src/site/pages/dashboard/albums/_id.vue
index 037957c..964a416 100644
--- a/src/site/pages/dashboard/albums/_id.vue
+++ b/src/site/pages/dashboard/albums/_id.vue
@@ -107,7 +107,7 @@ export default {
 				albumId: id,
 				fileId: this.showingModalForFile.id
 			});
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 			this.getFiles();
 		},
 		async getAlbums() {
diff --git a/src/site/pages/dashboard/albums/index.vue b/src/site/pages/dashboard/albums/index.vue
index 9a7f8c9..123f1cd 100644
--- a/src/site/pages/dashboard/albums/index.vue
+++ b/src/site/pages/dashboard/albums/index.vue
@@ -295,7 +295,7 @@ export default {
 	},
 	methods: {
 		promptDeleteAlbum(id) {
-			this.$dialog.confirm({
+			this.$buefy.dialog.confirm({
 				message: 'Are you sure you want to delete this album?',
 				onConfirm: () => this.deleteAlbum(id)
 			});
@@ -303,17 +303,17 @@ export default {
 		async deleteAlbum(id) {
 			const response = await this.$axios.$delete(`album/${id}`);
 			this.getAlbums();
-			return this.$toast.open(response.message);
+			return this.$buefy.toast.open(response.message);
 		},
 		promptDeleteAlbumLink(identifier) {
-			this.$dialog.confirm({
+			this.$buefy.dialog.confirm({
 				message: 'Are you sure you want to delete this album link?',
 				onConfirm: () => this.deleteAlbumLink(identifier)
 			});
 		},
 		async deleteAlbumLink(identifier) {
 			const response = await this.$axios.$delete(`album/link/delete/${identifier}`);
-			return this.$toast.open(response.message);
+			return this.$buefy.toast.open(response.message);
 		},
 		async linkOptionsChanged(link) {
 			const response = await this.$axios.$post(`album/link/edit`,
@@ -322,7 +322,7 @@ export default {
 					enableDownload: link.enableDownload,
 					enabled: link.enabled
 				});
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 		},
 		async createLink(album) {
 			album.isCreatingLink = true;
@@ -330,7 +330,7 @@ export default {
 			try {
 				const response = await this.$axios.$post(`album/link/new`,
 					{ albumId: album.id });
-				this.$toast.open(response.message);
+				this.$buefy.toast.open(response.message);
 				album.links.push({
 					identifier: response.identifier,
 					views: 0,
@@ -349,7 +349,7 @@ export default {
 			const response = await this.$axios.$post(`album/new`,
 				{ name: this.newAlbumName });
 			this.newAlbumName = null;
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 			this.getAlbums();
 		},
 		async getAlbums() {
diff --git a/src/site/pages/dashboard/index.vue b/src/site/pages/dashboard/index.vue
index e8b6e38..3f9e8e0 100644
--- a/src/site/pages/dashboard/index.vue
+++ b/src/site/pages/dashboard/index.vue
@@ -98,7 +98,7 @@ export default {
 				albumId: id,
 				fileId: this.showingModalForFile.id
 			});
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 
 			// Not the prettiest solution to refetch on each click but it'll do for now
 			this.getFiles();
diff --git a/src/site/pages/dashboard/settings.vue b/src/site/pages/dashboard/settings.vue
index 944c378..bc39b4f 100644
--- a/src/site/pages/dashboard/settings.vue
+++ b/src/site/pages/dashboard/settings.vue
@@ -147,14 +147,14 @@ export default {
 			this.options = response.config;
 		},
 		promptRestartService() {
-			this.$dialog.confirm({
+			this.$buefy.dialog.confirm({
 				message: 'Keep in mind that restarting only works if you have PM2 or something similar set up. Continue?',
 				onConfirm: () => this.restartService()
 			});
 		},
 		async restartService() {
 			const response = await this.$axios.$post(`service/restart`);
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 		}
 	}
 };
diff --git a/src/site/pages/dashboard/tags/index.vue b/src/site/pages/dashboard/tags/index.vue
index a025d46..7dd917b 100644
--- a/src/site/pages/dashboard/tags/index.vue
+++ b/src/site/pages/dashboard/tags/index.vue
@@ -234,13 +234,13 @@ export default {
 	},
 	methods: {
 		promptDeleteTag(id) {
-			this.$dialog.confirm({
+			this.$buefy.dialog.confirm({
 				message: 'Are you sure you want to delete this tag?',
 				onConfirm: () => this.promptPurgeTag(id)
 			});
 		},
 		promptPurgeTag(id) {
-			this.$dialog.confirm({
+			this.$buefy.dialog.confirm({
 				message: 'Would you like to delete every file associated with this tag?',
 				cancelText: 'No',
 				confirmText: 'Yes',
@@ -251,14 +251,14 @@ export default {
 		async deleteTag(id, purge) {
 			const response = await this.$axios.$delete(`tags/${id}/${purge ? 'purge' : ''}`);
 			this.getTags();
-			return this.$toast.open(response.message);
+			return this.$buefy.toast.open(response.message);
 		},
 		async createTag() {
 			if (!this.newTagName || this.newTagName === '') return;
 			const response = await this.$axios.$post(`tag/new`,
 				{ name: this.newTagName });
 			this.newTagName = null;
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 			this.getTags();
 		},
 		async getTags() {
diff --git a/src/site/pages/dashboard/users.vue b/src/site/pages/dashboard/users.vue
index 9326243..ff80ea1 100644
--- a/src/site/pages/dashboard/users.vue
+++ b/src/site/pages/dashboard/users.vue
@@ -233,16 +233,16 @@ export default {
 			const response = await this.$axios.$post(`admin/users/${row.enabled ? 'enable' : 'disable'}`, {
 				id: row.id
 			});
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 		},
 		async changeIsAdmin(row) {
 			const response = await this.$axios.$post(`admin/users/${row.isAdmin ? 'promote' : 'demote'}`, {
 				id: row.id
 			});
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 		},
 		promptPurgeFiles(row) {
-			this.$dialog.confirm({
+			this.$buefy.dialog.confirm({
 				message: 'Are you sure you want to delete this user\'s files?',
 				onConfirm: () => this.purgeFiles(row)
 			});
@@ -251,7 +251,7 @@ export default {
 			const response = await this.$axios.$post(`admin/users/purge`, {
 				id: row.id
 			});
-			this.$toast.open(response.message);
+			this.$buefy.toast.open(response.message);
 		}
 	}
 };