From 86eee2f533055ffc8b316b6a5a0bbba7b4c79be1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Tue, 14 Dec 2021 17:14:02 +0100
Subject: [PATCH] spotlight functions indexing

---
 public/mix-manifest.json                      | 56 ++++++++++++++-
 .../js/components/FilesView/ItemList.vue      |  2 +-
 resources/js/components/Others/Vignette.vue   |  9 +--
 .../js/components/Spotlight/Spotlight.vue     | 68 +++++++++++++++----
 resources/js/helpers/itemHelpers.js           |  3 +
 resources/js/store/modules/fileFunctions.js   | 18 +++++
 resources/js/store/modules/userAuth.js        |  2 +-
 resources/sass/vuefilemanager/_variables.scss |  3 +-
 src/Domain/Files/Resources/FileResource.php   |  2 +-
 tailwind.config.js                            |  1 +
 10 files changed, 138 insertions(+), 26 deletions(-)

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 0c049fd4..32eb8ab5 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -9,11 +9,11 @@
     "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js": "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~9b68162c.js?id=5841d65172536a8a9bdc",
     "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js?id=0ae7b3d840e0e20fe358",
     "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=7b94fd0c332ed326530d",
-    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=481af22bd60333fd4ce1",
+    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=e2d818009a4e2c1fffdf",
     "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js?id=510e6c1b1017a73a40a6",
     "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=c93d93c96f9924e4517d",
     "/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=a6c18598d0dfd4d0998f",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=fea328b504d7816c4878",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=6609a9f3de6462d7c476",
     "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=0d6c4be667e46ea1303e",
     "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=6035ca411b2c4239d964",
     "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~5acee76d.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~5acee76d.js?id=c3244f82e049a3364a6a",
@@ -386,5 +386,55 @@
     "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c5a4699694d88493927c.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c5a4699694d88493927c.hot-update.js",
     "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.139eb517ad1906817d05.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.139eb517ad1906817d05.hot-update.js",
     "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.d082fe120a95018091ca.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.d082fe120a95018091ca.hot-update.js",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.d8c806bfcdc2e8b0d189.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.d8c806bfcdc2e8b0d189.hot-update.js"
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.d8c806bfcdc2e8b0d189.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.d8c806bfcdc2e8b0d189.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.660e8c9d17de51d37545.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.660e8c9d17de51d37545.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.4294cc5d266f17438428.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.4294cc5d266f17438428.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.cd59e79a03237b188c16.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.cd59e79a03237b188c16.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.7bda882c892ad566f638.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.7bda882c892ad566f638.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f07c897d76dc25f419f4.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f07c897d76dc25f419f4.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.1869666f7e93e5f11f4a.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.1869666f7e93e5f11f4a.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.64a98e371a13cf99e8f4.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.64a98e371a13cf99e8f4.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.b513b7447ea1464389e9.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.b513b7447ea1464389e9.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.3af98de09d8d3e85420e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.3af98de09d8d3e85420e.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.867027180d23d6ec17fe.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.867027180d23d6ec17fe.hot-update.js",
+    "/js/main.039e3f51e38745ad5aa7.hot-update.js": "/js/main.039e3f51e38745ad5aa7.hot-update.js",
+    "/js/main.b9834b02bfe70f49195c.hot-update.js": "/js/main.b9834b02bfe70f49195c.hot-update.js",
+    "/js/main.0c69ef34c0d4eb83cebe.hot-update.js": "/js/main.0c69ef34c0d4eb83cebe.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.53d51c04c1fba3b30bb7.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.53d51c04c1fba3b30bb7.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c2a9b6bad305baebcae0.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c2a9b6bad305baebcae0.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.04df707835e8ca4a09ae.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.04df707835e8ca4a09ae.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.b4e7066ece16e45dc8ea.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.b4e7066ece16e45dc8ea.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.1cd1a711ef7fb3acbebe.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.1cd1a711ef7fb3acbebe.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c3c1395a4dd916ccba3e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.c3c1395a4dd916ccba3e.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9f7b4d2e92ffe8320a75.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9f7b4d2e92ffe8320a75.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.241eaf9fe5dc2c4b5467.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.241eaf9fe5dc2c4b5467.hot-update.js",
+    "/js/main.9d7606f1a3f1655edce1.hot-update.js": "/js/main.9d7606f1a3f1655edce1.hot-update.js",
+    "/js/main.d0619247dcf2d7cf0cd0.hot-update.js": "/js/main.d0619247dcf2d7cf0cd0.hot-update.js",
+    "/js/main.608554b77fbcacd284e4.hot-update.js": "/js/main.608554b77fbcacd284e4.hot-update.js",
+    "/js/main.5a00a07c1d3d988bd6b8.hot-update.js": "/js/main.5a00a07c1d3d988bd6b8.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.beb9ce8c5fcea475dd25.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.beb9ce8c5fcea475dd25.hot-update.js",
+    "/js/main.e6bcbcbd6e9310c3dd5c.hot-update.js": "/js/main.e6bcbcbd6e9310c3dd5c.hot-update.js",
+    "/js/main.f7dd1c4fc4978693ae27.hot-update.js": "/js/main.f7dd1c4fc4978693ae27.hot-update.js",
+    "/js/main.6b6812d16586d5e27030.hot-update.js": "/js/main.6b6812d16586d5e27030.hot-update.js",
+    "/js/main.be457b24736648bffa11.hot-update.js": "/js/main.be457b24736648bffa11.hot-update.js",
+    "/js/main.16632b6c1fc35cb743f9.hot-update.js": "/js/main.16632b6c1fc35cb743f9.hot-update.js",
+    "/js/main.8cc260c09f1b86ab7099.hot-update.js": "/js/main.8cc260c09f1b86ab7099.hot-update.js",
+    "/js/main.6e836b920c3862c22144.hot-update.js": "/js/main.6e836b920c3862c22144.hot-update.js",
+    "/js/main.42419238e54d544c40eb.hot-update.js": "/js/main.42419238e54d544c40eb.hot-update.js",
+    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.012713831c3b43fe83a6.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.012713831c3b43fe83a6.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f16a71475d3530bae3d6.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.f16a71475d3530bae3d6.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0971ee9d7a0363b8a2d9.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0971ee9d7a0363b8a2d9.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.d2a718e6b14c6e2ce091.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.d2a718e6b14c6e2ce091.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.8d95db60da9d6d3a1fdd.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.8d95db60da9d6d3a1fdd.hot-update.js",
+    "/js/main.552b40f018b3e228781d.hot-update.js": "/js/main.552b40f018b3e228781d.hot-update.js",
+    "/js/main.60c37f4345423411fc29.hot-update.js": "/js/main.60c37f4345423411fc29.hot-update.js",
+    "/js/main.52220bfec776aaffdb35.hot-update.js": "/js/main.52220bfec776aaffdb35.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.2fab677c35ec88d5e49e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.2fab677c35ec88d5e49e.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.21abf49395893332ae01.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.21abf49395893332ae01.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.266abafc0364de3ed4b7.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.266abafc0364de3ed4b7.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.aa3c9d84b28180b1280e.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.aa3c9d84b28180b1280e.hot-update.js",
+    "/js/main.d997a30568b08b5adf35.hot-update.js": "/js/main.d997a30568b08b5adf35.hot-update.js",
+    "/js/main.4423155b4706011fdce4.hot-update.js": "/js/main.4423155b4706011fdce4.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.e0bd7192a0e3a880c45a.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.e0bd7192a0e3a880c45a.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.509e825c6da896b8e585.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.509e825c6da896b8e585.hot-update.js"
 }
diff --git a/resources/js/components/FilesView/ItemList.vue b/resources/js/components/FilesView/ItemList.vue
index 45fd1f26..bc0e0b98 100644
--- a/resources/js/components/FilesView/ItemList.vue
+++ b/resources/js/components/FilesView/ItemList.vue
@@ -124,7 +124,7 @@
 			},
 			timeStamp() {
 				return this.entry.data.attributes.deleted_at
-					? this.$t('entry_thumbnail.deleted_at', {time: this.entry.data.attributes.deleted_at})
+					? this.$t('item_thumbnail.deleted_at', {time: this.entry.data.attributes.deleted_at})
 					: this.entry.data.attributes.created_at
 			},
 			canEditName() {
diff --git a/resources/js/components/Others/Vignette.vue b/resources/js/components/Others/Vignette.vue
index 1d2ae640..06855d8b 100644
--- a/resources/js/components/Others/Vignette.vue
+++ b/resources/js/components/Others/Vignette.vue
@@ -61,12 +61,9 @@
     }
 
     // Dark mode
-    .dark {
-
-        .vignette {
-            background: $dark_mode_vignette;
-        }
-    }
+    .dark .vignette {
+		background: $dark_mode_vignette;
+	}
 
 
     .vignette-enter-active {
diff --git a/resources/js/components/Spotlight/Spotlight.vue b/resources/js/components/Spotlight/Spotlight.vue
index f7e39562..4927218b 100644
--- a/resources/js/components/Spotlight/Spotlight.vue
+++ b/resources/js/components/Spotlight/Spotlight.vue
@@ -5,7 +5,7 @@
 		tabindex="-1"
 		class="md:absolute fixed w-full h-full dark:bg-dark-foreground md:bg-transparent bg-white md:z-auto z-50"
 	>
-		<div class="relative w-full md:max-w-xl z-50 md:rounded-xl mx-auto 2xl:mt-20 md:mt-8 overflow-y-auto bg-white dark:bg-dark-foreground">
+		<div class="relative w-full md:max-w-xl z-50 md:rounded-xl mx-auto 2xl:mt-20 md:mt-8 overflow-y-auto bg-white dark:bg-2x-dark-foreground">
 
 			<!--Query bar-->
 			<div class="z-50 flex items-center px-5 py-4 mx-auto">
@@ -60,18 +60,16 @@
 
 					<div
 						class="flex items-center px-3.5 py-2.5"
-						:class="{'dark:bg-2x-dark-foreground bg-light-background rounded-xl': i === index}"
+						:class="{'dark:bg-4x-dark-foreground bg-light-background rounded-xl': i === index}"
 					>
 						<settings-icon v-if="['AppOthers', 'Profile', 'Password'].includes(result.action.value)" size="18" class="vue-feather text-theme"/>
 						<home-icon v-if="result.action.value === 'Files'" size="18" class="vue-feather text-theme"/>
 						<trash2-icon v-if="result.action.value === 'Trash'" size="18" class="vue-feather text-theme"/>
 						<database-icon v-if="result.action.value === 'PlanCreate'" size="18" class="vue-feather text-theme"/>
 						<user-plus-icon v-if="result.action.value === 'UserCreate'" size="18" class="vue-feather text-theme"/>
-
 						<users-icon v-if="['TeamFolders', 'Users'].includes(result.action.value)" size="18" class="vue-feather text-theme"/>
 						<user-check-icon v-if="result.action.value === 'SharedWithMe'" size="18" class="vue-feather text-theme"/>
 						<link-icon v-if="result.action.value === 'MySharedItems'" size="18" class="vue-feather text-theme"/>
-
 						<upload-cloud-icon v-if="result.action.value === 'RecentUploads'" size="18" class="vue-feather text-theme"/>
 						<file-text-icon v-if="['Invoices', 'Invoice'].includes(result.action.value)" size="18" class="vue-feather text-theme"/>
 						<database-icon v-if="result.action.value === 'Plans'" size="18" class="vue-feather text-theme"/>
@@ -80,6 +78,9 @@
 						<monitor-icon v-if="result.action.value === 'Pages'" size="18" class="vue-feather text-theme"/>
 						<box-icon v-if="result.action.value === 'Dashboard'" size="18" class="vue-feather text-theme"/>
 						<hard-drive-icon v-if="result.action.value === 'Storage'" size="18" class="vue-feather text-theme"/>
+						<moon-icon v-if="result.action.value === 'dark-mode'" size="18" class="vue-feather text-theme"/>
+						<power-icon v-if="result.action.value === 'log-out'" size="18" class="vue-feather text-theme"/>
+						<trash-icon v-if="result.action.value === 'empty-trash'" size="18" class="vue-feather text-theme"/>
 
 						<b class="font-bold text-sm ml-3.5">
 							{{ result.title }}
@@ -93,7 +94,7 @@
 				</div>
 
 				<!--Show results-->
-				<b v-if="! activeFilter" class="text-xs text-gray-500 mb-1.5 block mt-3">
+				<b v-if="! activeFilter && results.length !== 0" class="text-xs text-gray-500 mb-1.5 block mt-3">
 					{{ $t('Files & Folders') }}
 				</b>
 				<div v-if="results.length !== 0" v-for="(result, i) in results" :key="result.data.id" class="relative">
@@ -101,7 +102,7 @@
 					<!--Users result-->
 					<div
 						v-if="activeFilter === 'users' && !result.action"
-						:class="{'dark:bg-2x-dark-foreground bg-light-background rounded-xl': (i + actions.length) === index}"
+						:class="{'dark:bg-4x-dark-foreground bg-light-background rounded-xl': (i + actions.length) === index}"
 						class="flex items-center px-2.5 py-3.5"
 					>
 						<MemberAvatar
@@ -123,7 +124,7 @@
 					<ItemList
 						v-if="! activeFilter && !result.action"
 						:entry="result"
-						:class="{'dark:bg-2x-dark-foreground bg-light-background rounded-xl': (i + actions.length) === index}"
+						:class="{'dark:bg-4x-dark-foreground bg-light-background rounded-xl': (i + actions.length) === index}"
 						:highlight="false"
 						:mobile-handler="false"
 						@click.native="openItem(result)"
@@ -136,7 +137,7 @@
 				</div>
 
 				<!--Show Empty message-->
-				<span v-if="results.length === 0" class="p-2.5 text-sm text-gray-700">
+				<span v-if="results.length === 0 && actions.length === 0" class="p-2.5 text-sm dark:text-gray-400 text-gray-700">
 					{{ $t('messages.nothing_was_found') }}
 				</span>
 			</div>
@@ -165,7 +166,7 @@
 </template>
 
 <script>
-import {HardDriveIcon, UploadCloudIcon, FileTextIcon, DollarSignIcon, GlobeIcon, MonitorIcon, BoxIcon, UsersIcon, UserCheckIcon, LinkIcon, DatabaseIcon, SearchIcon, Trash2Icon, UserPlusIcon, XIcon, HomeIcon, SettingsIcon, ArrowUpIcon, ArrowDownIcon, CornerDownLeftIcon} from 'vue-feather-icons'
+import {TrashIcon, MoonIcon, PowerIcon, HardDriveIcon, UploadCloudIcon, FileTextIcon, DollarSignIcon, GlobeIcon, MonitorIcon, BoxIcon, UsersIcon, UserCheckIcon, LinkIcon, DatabaseIcon, SearchIcon, Trash2Icon, UserPlusIcon, XIcon, HomeIcon, SettingsIcon, ArrowUpIcon, ArrowDownIcon, CornerDownLeftIcon} from 'vue-feather-icons'
 import Spinner from '/resources/js/components/FilesView/Spinner'
 import MemberAvatar from "../FilesView/MemberAvatar"
 import ItemList from "../FilesView/ItemList"
@@ -242,6 +243,21 @@ export default {
 				this.$router.push({name: arg.action.value})
 			}
 
+			if (arg.action.type === 'function') {
+
+				if (arg.action.value === 'dark-mode') {
+					this.$store.dispatch('toggleDarkMode', !this.isDarkMode)
+				}
+
+				if (arg.action.value === 'log-out') {
+					this.$store.dispatch('logOut')
+				}
+
+				if (arg.action.value === 'empty-trash') {
+					this.$emptyTrashQuietly()
+				}
+			}
+
 			this.exitSpotlight()
 		},
 		openUser(user) {
@@ -363,6 +379,9 @@ export default {
 		},
 	},
 	components: {
+		TrashIcon,
+		MoonIcon,
+		PowerIcon,
 		HardDriveIcon,
 		UploadCloudIcon,
 		FileTextIcon,
@@ -389,7 +408,8 @@ export default {
 	},
 	computed: {
 		...mapGetters([
-			'user'
+			'isDarkMode',
+			'user',
 		]),
 		actionList() {
 			let adminActions = [
@@ -551,12 +571,36 @@ export default {
 				},
 			]
 
+			let functionList = [
+				{
+					title: this.$t('Toggle Dark/Light Mode'),
+					action: {
+						type: 'function',
+						value: 'dark-mode',
+					},
+				},
+				{
+					title: this.$t('Log Out'),
+					action: {
+						type: 'function',
+						value: 'log-out',
+					},
+				},
+				{
+					title: this.$t('Empty Your Trash'),
+					action: {
+						type: 'function',
+						value: 'empty-trash',
+					},
+				},
+			]
+
 			if (this.user.data.attributes.role === 'admin') {
-				return [].concat.apply([], [adminActions, adminLocations, fileLocations, userSettings])
+				return [].concat.apply([], [functionList, userSettings, fileLocations, adminActions, adminLocations])
 			}
 
 			if (this.user.data.attributes.role === 'user') {
-				return [].concat.apply([], [fileLocations, userSettings])
+				return [].concat.apply([], [functionList, userSettings, fileLocations])
 			}
 		},
 		isAdmin() {
diff --git a/resources/js/helpers/itemHelpers.js b/resources/js/helpers/itemHelpers.js
index 2ba34a9b..1f7b9564 100644
--- a/resources/js/helpers/itemHelpers.js
+++ b/resources/js/helpers/itemHelpers.js
@@ -5,6 +5,9 @@ const itemHelpers = {
 		Vue.prototype.$emptyTrash = function () {
 			this.$store.dispatch('emptyTrash')
 		}
+		Vue.prototype.$emptyTrashQuietly = function () {
+			this.$store.dispatch('emptyTrashQuietly')
+		}
 
 		Vue.prototype.$shareCancel = function () {
 			this.$store.dispatch('shareCancel')
diff --git a/resources/js/store/modules/fileFunctions.js b/resources/js/store/modules/fileFunctions.js
index ce2fd484..35b6d95c 100644
--- a/resources/js/store/modules/fileFunctions.js
+++ b/resources/js/store/modules/fileFunctions.js
@@ -365,6 +365,24 @@ const actions = {
                 commit('CLIPBOARD_CLEAR')
             })
             .catch(() => Vue.prototype.$isSomethingWrong())
+    },
+    emptyTrashQuietly: ({commit, getters}) => {
+        axios
+            .post(getters.api + '/trash/dump', {
+                _method: 'delete'
+            })
+            .then(() => {
+
+                if (router.currentRoute.name === 'Trash') {
+                    commit('LOADING_STATE', {loading: false, data: []})
+                }
+
+                events.$emit('toaster', {
+                    type: 'success',
+                    message: i18n.t('Your trash was successfully cleared.'),
+                })
+            })
+            .catch(() => Vue.prototype.$isSomethingWrong())
     }
 }
 
diff --git a/resources/js/store/modules/userAuth.js b/resources/js/store/modules/userAuth.js
index c4af7154..2f5fbd66 100644
--- a/resources/js/store/modules/userAuth.js
+++ b/resources/js/store/modules/userAuth.js
@@ -45,7 +45,7 @@ const actions = {
                 clearTimeout(popup)
                 commit('DESTROY_DATA')
 
-                router.push({name: 'SignIn'})
+                router.push({name: 'Homepage'})
             })
     },
     addToFavourites: (context, folder) => {
diff --git a/resources/sass/vuefilemanager/_variables.scss b/resources/sass/vuefilemanager/_variables.scss
index 735d5dcd..01108932 100755
--- a/resources/sass/vuefilemanager/_variables.scss
+++ b/resources/sass/vuefilemanager/_variables.scss
@@ -25,11 +25,10 @@ $light_mode_popup_shadow: 0 2px 40px rgba(26,38,74,0.12);
 $light_mode_vignette: rgba(9, 8, 12, 0.35);
 
 // Dark Mode
-$dark_mode_vignette: rgba(0, 0, 0, 0.3);
 $dark_mode_background: #151515;
 $dark_mode_foreground: #1e2024;
 $dark_mode_text_primary: #bec6cf;
 $dark_mode_text_secondary: #7d858c;
-$dark_mode_vignette: rgba(22, 23, 27, 0.70);
+$dark_mode_vignette: rgba(22, 23, 27, 0.45);
 $dark_mode_popup_shadow: 0 10px 30px rgba(0, 0, 0, .3);
 $dark_mode_border_color: rgba(255, 255, 255, 0.02);
\ No newline at end of file
diff --git a/src/Domain/Files/Resources/FileResource.php b/src/Domain/Files/Resources/FileResource.php
index 2fa9a510..6dd56cdf 100644
--- a/src/Domain/Files/Resources/FileResource.php
+++ b/src/Domain/Files/Resources/FileResource.php
@@ -35,7 +35,7 @@ class FileResource extends JsonResource
                     'parent_id'  => $this->parent_id,
                     'updated_at' => $this->updated_at,
                     'created_at' => Carbon::parse($this->created_at)->diffForHumans(),
-                    'deleted_at' => $this->deleted_at,
+                    'deleted_at' => Carbon::parse($this->deleted_at)->diffForHumans(),
                     /*'updated_at' => format_date(
                         set_time_by_user_timezone($this->updated_at), __t('time')
                     ),
diff --git a/tailwind.config.js b/tailwind.config.js
index 4f6fe8e9..9b8f932d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -27,6 +27,7 @@ module.exports = {
         'dark-background': '#151515',
         'dark-foreground': '#161718',
         '2x-dark-foreground': '#191b1e',
+        '4x-dark-foreground': '#1e2124',
         'light-background': '#f4f5f6',
         'light-300': '#e1e1ef',
       }),