From 527a0790e3bd25c7322b543b08fd6720b0bdaa8a Mon Sep 17 00:00:00 2001
From: Peter Papp <peterpapp@makingcg.com>
Date: Mon, 23 Aug 2021 16:31:25 +0200
Subject: [PATCH] refactoring part 3

---
 public/mix-manifest.json                      | 116 ++++++++-
 resources/js/App.vue                          |  14 +-
 .../components/Sidebar/SidebarNavigation.vue  |  58 +----
 .../js/components/Spotlight/Spotlight.vue     |  19 +-
 resources/js/router.js                        |   2 +
 resources/js/routes/routesFile.js             |  66 +++++
 resources/js/routes/routesUser.js             | 232 +++++++-----------
 resources/js/views/Admin.vue                  |  23 +-
 ...tionPanel.vue => PanelNavigationFiles.vue} |   2 +-
 resources/js/views/Platform.vue               |  22 +-
 resources/js/views/Profile.vue                | 108 ++------
 .../User/Components/PanelNavigationUser.vue   | 111 +++++++++
 12 files changed, 441 insertions(+), 332 deletions(-)
 create mode 100644 resources/js/routes/routesFile.js
 rename resources/js/views/FileView/Components/{NavigationPanel.vue => PanelNavigationFiles.vue} (99%)
 create mode 100644 resources/js/views/User/Components/PanelNavigationUser.vue

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index dd7707f8..0bc1621c 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,15 +1,15 @@
 {
     "/js/main.js": "/js/main.js",
     "/css/app.css": "/css/app.css",
-    "/chunks/admin.js": "/chunks/admin.js?id=7505786e8726a71c7674",
+    "/chunks/admin.js": "/chunks/admin.js?id=3bddd9e97f520611ecdf",
     "/chunks/admin-account.js": "/chunks/admin-account.js?id=4cc6855e612a14ea2d21",
     "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~c7a13fb0.js?id=91adf6625e49f0b93731",
     "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~39825672.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~39825672.js?id=6c16b40191c43d6bd8ee",
     "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~3e4fdd8b.js?id=d36b3eb20b4899f2d899",
     "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~738b0c2f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~738b0c2f.js?id=8013b71e5d41ca2752b8",
     "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~e44242d2.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~e44242d2.js?id=517790f13bf7daccdfe6",
-    "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=2399d0628b27e1d915c2",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=ef89aab5d77b490cc2fe",
+    "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=0e511f0ceaac7257bf25",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=2e2a657a5558940f1bc7",
     "/chunks/admin~chunks/platform~chunks/settings~chunks/shared/file-browser.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared/file-browser.js?id=8d039f8ca0a670b99cca",
     "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=5f8d3e698c1fd5b9b5a5",
     "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=055d17c4463d3ef30218",
@@ -59,15 +59,15 @@
     "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=17469545c5b6a16c3bbf",
     "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=0dd0a5efe0e3cb511c48",
     "/chunks/plans.js": "/chunks/plans.js?id=5a3c28288952fcad96e5",
-    "/chunks/platform.js": "/chunks/platform.js?id=556ace58951861df91e3",
-    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=f390cfb14f16a43b596f",
+    "/chunks/platform.js": "/chunks/platform.js?id=68c90a9f0fcc5e2f5e7f",
+    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=631fec4de30947ccb7e5",
     "/chunks/platform~chunks/shared/file-browser.js": "/chunks/platform~chunks/shared/file-browser.js?id=b142ad8801528b166787",
     "/chunks/platform~chunks/shared~chunks/shared/file-browser.js": "/chunks/platform~chunks/shared~chunks/shared/file-browser.js?id=6ba92eab6a45cbab3af5",
     "/chunks/profile.js": "/chunks/profile.js?id=658aa03af778cc2cc100",
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=ddb7be518c092ed392ca",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=4b176796d100a2b24d71",
     "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=debec75125f952172cf6",
-    "/chunks/settings.js": "/chunks/settings.js?id=a1e5e739768b788a043a",
+    "/chunks/settings.js": "/chunks/settings.js?id=354397b01623d73650d1",
     "/chunks/settings-create-payment-methods.js": "/chunks/settings-create-payment-methods.js?id=0656db2b76eaa0de2c58",
     "/chunks/settings-invoices.js": "/chunks/settings-invoices.js?id=29fbd676788295256ffe",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=418026e26cb256bcaaa8",
@@ -126,13 +126,13 @@
     "/chunks/shared.d3b25db4279fadc665e0.hot-update.js": "/chunks/shared.d3b25db4279fadc665e0.hot-update.js",
     "/js/main.7dbf7e231e2a95270a37.hot-update.js": "/js/main.7dbf7e231e2a95270a37.hot-update.js",
     "/js/main.0a03413016101877488e.hot-update.js": "/js/main.0a03413016101877488e.hot-update.js",
-    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~860e9aef.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~860e9aef.js?id=6e023f4c39c1636ed4a7",
+    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~860e9aef.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~860e9aef.js?id=285952e7d81a73c1b366",
     "/chunks/admin~chunks/platform~chunks/settings~chunks/shared/files.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared/files.js?id=dba77fc6b158bc3c2e4e",
     "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~477ccadb.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~477ccadb.js?id=914f040c5966894873f8",
     "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~9b5759a9.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~9b5759a9.js?id=eb26643e072aa1f2b4b5",
     "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared/files~chunks/trash.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared/files~chunks/trash.js?id=d9f34d135b119c4c16e4",
     "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c3a97969.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~c3a97969.js?id=b1513a3d0291b8faaca0",
-    "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~cd83f396.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~cd83f396.js?id=5e3a519320d1539aee55",
+    "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~cd83f396.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~cd83f396.js?id=32b7688119a605747ee9",
     "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/settings-subscription~chunks/shared~f23e39b6.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/settings-subscription~chunks/shared~f23e39b6.js?id=5216516ba11c29601c91",
     "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared/files~chunks/shared/single-f~222c7501.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared/files~chunks/shared/single-f~222c7501.js?id=6966f455db86cfa3ac1d",
     "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared/files~chunks/trash.js": "/chunks/files~chunks/my-shared-items~chunks/recent-uploads~chunks/shared/files~chunks/trash.js?id=bb4aa02e40bf23c6a83b",
@@ -147,7 +147,7 @@
     "/chunks/shared.ba6f6df8b0f4192825fe.hot-update.js": "/chunks/shared.ba6f6df8b0f4192825fe.hot-update.js",
     "/js/main.0184165bcf798359d083.hot-update.js": "/js/main.0184165bcf798359d083.hot-update.js",
     "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/trash.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/trash.js?id=044735ef3156808aa39a",
-    "/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=261f5a8f20b6adc93a9d",
+    "/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=7bb2ba80e8abe06fe9a6",
     "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~2aa4813a.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~2aa4813a.js?id=0965d0a56e20f1156434",
     "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~40c7f299.js": "/chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/page~40c7f299.js?id=d833deea841c7dd1b179",
     "/chunks/files.0184165bcf798359d083.hot-update.js": "/chunks/files.0184165bcf798359d083.hot-update.js",
@@ -306,7 +306,7 @@
     "/chunks/platform~chunks/shared.59e9a7b43a121d691262.hot-update.js": "/chunks/platform~chunks/shared.59e9a7b43a121d691262.hot-update.js",
     "/chunks/shared.59e9a7b43a121d691262.hot-update.js": "/chunks/shared.59e9a7b43a121d691262.hot-update.js",
     "/js/main.12ac538c32017bb983a6.hot-update.js": "/js/main.12ac538c32017bb983a6.hot-update.js",
-    "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=59074b17364de03f8de9",
+    "/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=2fbe4930772b86edec23",
     "/chunks/app-language~chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/platform~chunk~b388a191.js": "/chunks/app-language~chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/platform~chunk~b388a191.js?id=bf46ab8ad8ee5dc6bc53",
     "/chunks/app-language~chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings~chunk~8e71da83.js": "/chunks/app-language~chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings~chunk~8e71da83.js?id=832cd72f4d7323367509",
     "/chunks/files.12ac538c32017bb983a6.hot-update.js": "/chunks/files.12ac538c32017bb983a6.hot-update.js",
@@ -368,5 +368,99 @@
     "/chunks/my-shared-items.36d7e6748d57b75ef783.hot-update.js": "/chunks/my-shared-items.36d7e6748d57b75ef783.hot-update.js",
     "/chunks/recent-uploads.ef697992b53939034b3f.hot-update.js": "/chunks/recent-uploads.ef697992b53939034b3f.hot-update.js",
     "/chunks/trash.f391c9cc119952240b0c.hot-update.js": "/chunks/trash.f391c9cc119952240b0c.hot-update.js",
-    "/chunks/trash.89ed7fead436cba1b30a.hot-update.js": "/chunks/trash.89ed7fead436cba1b30a.hot-update.js"
+    "/chunks/trash.89ed7fead436cba1b30a.hot-update.js": "/chunks/trash.89ed7fead436cba1b30a.hot-update.js",
+    "/js/main.5a5b75cb0488970729a7.hot-update.js": "/js/main.5a5b75cb0488970729a7.hot-update.js",
+    "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~a06f6580.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~a06f6580.js?id=de2413d1aadfdf94a1c3",
+    "/chunks/admin~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/settings~chunks/shared.js?id=116c7db6d0cabcfcb4e0",
+    "/chunks/admin~chunks/shared~chunks/shared/files.js": "/chunks/admin~chunks/shared~chunks/shared/files.js?id=9919d81c8e7c10b41a5b",
+    "/chunks/app-language~chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings~chunk~b86229d1.js": "/chunks/app-language~chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings~chunk~b86229d1.js?id=1d50f2662bc573aaadcf",
+    "/chunks/app-language~chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings~chunk~d7492d56.js": "/chunks/app-language~chunks/dashboard~chunks/invoices~chunks/pages~chunks/plans~chunks/settings~chunk~d7492d56.js?id=22bcff1cb0a8ab5e7fbd",
+    "/chunks/settings-subscription~chunks/shared/files~chunks/user-subscription.js": "/chunks/settings-subscription~chunks/shared/files~chunks/user-subscription.js?id=799178e2a3c5c7c89056",
+    "/chunks/shared.5a5b75cb0488970729a7.hot-update.js": "/chunks/shared.5a5b75cb0488970729a7.hot-update.js",
+    "/chunks/shared/files~chunks/shared/single-file.js": "/chunks/shared/files~chunks/shared/single-file.js?id=bfc6febca6aa17624d01",
+    "/chunks/shared~chunks/shared/files.js": "/chunks/shared~chunks/shared/files.js?id=4bd332e629662fef2c7a",
+    "/chunks/shared~chunks/shared/files~chunks/shared/single-file.js": "/chunks/shared~chunks/shared/files~chunks/shared/single-file.js?id=29713901033a6516166b",
+    "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~085766f4.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~085766f4.js?id=97df30974de230a09948",
+    "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~5897595e.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~5897595e.js?id=7cf8150441c7cbc0ef69",
+    "/vendors~chunks/shared.js": "/vendors~chunks/shared.js?id=11fb7b58182659aef0fe",
+    "/vendors~chunks/shared~chunks/shared/files~chunks/shared/single-file.js": "/vendors~chunks/shared~chunks/shared/files~chunks/shared/single-file.js?id=3f80a2c48869bdfad186",
+    "/js/main.3325daecead208ac2dc5.hot-update.js": "/js/main.3325daecead208ac2dc5.hot-update.js",
+    "/chunks/admin.3325daecead208ac2dc5.hot-update.js": "/chunks/admin.3325daecead208ac2dc5.hot-update.js",
+    "/chunks/shared.3325daecead208ac2dc5.hot-update.js": "/chunks/shared.3325daecead208ac2dc5.hot-update.js",
+    "/chunks/shared/files.3325daecead208ac2dc5.hot-update.js": "/chunks/shared/files.3325daecead208ac2dc5.hot-update.js",
+    "/js/main.0d1740839e23ce7b90bb.hot-update.js": "/js/main.0d1740839e23ce7b90bb.hot-update.js",
+    "/js/main.1fd07027b8a9560cdd02.hot-update.js": "/js/main.1fd07027b8a9560cdd02.hot-update.js",
+    "/js/main.2130774bd6e4e0a51438.hot-update.js": "/js/main.2130774bd6e4e0a51438.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.2130774bd6e4e0a51438.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.2130774bd6e4e0a51438.hot-update.js",
+    "/chunks/platform.2130774bd6e4e0a51438.hot-update.js": "/chunks/platform.2130774bd6e4e0a51438.hot-update.js",
+    "/chunks/platform~chunks/shared.2130774bd6e4e0a51438.hot-update.js": "/chunks/platform~chunks/shared.2130774bd6e4e0a51438.hot-update.js",
+    "/js/main.3cddb2be614830c5c767.hot-update.js": "/js/main.3cddb2be614830c5c767.hot-update.js",
+    "/chunks/platform.3cddb2be614830c5c767.hot-update.js": "/chunks/platform.3cddb2be614830c5c767.hot-update.js",
+    "/chunks/shared.3cddb2be614830c5c767.hot-update.js": "/chunks/shared.3cddb2be614830c5c767.hot-update.js",
+    "/chunks/platform.006da9c3e6dcd848a01d.hot-update.js": "/chunks/platform.006da9c3e6dcd848a01d.hot-update.js",
+    "/chunks/admin~chunks/platform.dce0df6328eaccd6ebae.hot-update.js": "/chunks/admin~chunks/platform.dce0df6328eaccd6ebae.hot-update.js",
+    "/chunks/admin~chunks/platform.2468fb17d1c770653b14.hot-update.js": "/chunks/admin~chunks/platform.2468fb17d1c770653b14.hot-update.js",
+    "/chunks/admin~chunks/platform.f8abdc34e3acae6a2471.hot-update.js": "/chunks/admin~chunks/platform.f8abdc34e3acae6a2471.hot-update.js",
+    "/chunks/admin~chunks/platform.057f96f4aa24d38ddb67.hot-update.js": "/chunks/admin~chunks/platform.057f96f4aa24d38ddb67.hot-update.js",
+    "/chunks/admin~chunks/platform.e95caa111443ab5adc48.hot-update.js": "/chunks/admin~chunks/platform.e95caa111443ab5adc48.hot-update.js",
+    "/chunks/admin~chunks/platform.e01900ac7cdd29709496.hot-update.js": "/chunks/admin~chunks/platform.e01900ac7cdd29709496.hot-update.js",
+    "/chunks/admin~chunks/platform.32d73467eec233e2a273.hot-update.js": "/chunks/admin~chunks/platform.32d73467eec233e2a273.hot-update.js",
+    "/chunks/admin~chunks/platform.b27a98f89836a0bdd4a5.hot-update.js": "/chunks/admin~chunks/platform.b27a98f89836a0bdd4a5.hot-update.js",
+    "/chunks/admin~chunks/platform.827e5bf5ec49ac96830d.hot-update.js": "/chunks/admin~chunks/platform.827e5bf5ec49ac96830d.hot-update.js",
+    "/chunks/admin~chunks/platform.f1a790c537f5497622b0.hot-update.js": "/chunks/admin~chunks/platform.f1a790c537f5497622b0.hot-update.js",
+    "/chunks/admin~chunks/platform.951b70e29c7f7bef6130.hot-update.js": "/chunks/admin~chunks/platform.951b70e29c7f7bef6130.hot-update.js",
+    "/js/main.744512a9be1354262356.hot-update.js": "/js/main.744512a9be1354262356.hot-update.js",
+    "/chunks/admin~chunks/platform.744512a9be1354262356.hot-update.js": "/chunks/admin~chunks/platform.744512a9be1354262356.hot-update.js",
+    "/chunks/settings.744512a9be1354262356.hot-update.js": "/chunks/settings.744512a9be1354262356.hot-update.js",
+    "/chunks/settings.0aa259086fef34ce7c23.hot-update.js": "/chunks/settings.0aa259086fef34ce7c23.hot-update.js",
+    "/chunks/settings.ac1dc85fcfb5d052db69.hot-update.js": "/chunks/settings.ac1dc85fcfb5d052db69.hot-update.js",
+    "/chunks/settings.e88d560b2c14e6b70bbf.hot-update.js": "/chunks/settings.e88d560b2c14e6b70bbf.hot-update.js",
+    "/chunks/settings.0778b89711bfc79b7b2b.hot-update.js": "/chunks/settings.0778b89711bfc79b7b2b.hot-update.js",
+    "/chunks/settings.65d0f3b169b9c60e70d1.hot-update.js": "/chunks/settings.65d0f3b169b9c60e70d1.hot-update.js",
+    "/chunks/settings.0df0c80875ef58338cce.hot-update.js": "/chunks/settings.0df0c80875ef58338cce.hot-update.js",
+    "/chunks/settings.6c782ed2f989f7d8c93c.hot-update.js": "/chunks/settings.6c782ed2f989f7d8c93c.hot-update.js",
+    "/chunks/settings.d0123772c946f2fa3c5b.hot-update.js": "/chunks/settings.d0123772c946f2fa3c5b.hot-update.js",
+    "/chunks/settings.7ccf8d45119cd4f111c0.hot-update.js": "/chunks/settings.7ccf8d45119cd4f111c0.hot-update.js",
+    "/chunks/settings.f7467dff2d7ecfe32830.hot-update.js": "/chunks/settings.f7467dff2d7ecfe32830.hot-update.js",
+    "/chunks/settings.d585f000a2de323dd87b.hot-update.js": "/chunks/settings.d585f000a2de323dd87b.hot-update.js",
+    "/js/main.0d3c8e09b9023c2a6e54.hot-update.js": "/js/main.0d3c8e09b9023c2a6e54.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0d3c8e09b9023c2a6e54.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0d3c8e09b9023c2a6e54.hot-update.js",
+    "/chunks/admin~chunks/shared.js": "/chunks/admin~chunks/shared.js?id=70dcb55a916ea59f987d",
+    "/chunks/platform.0d3c8e09b9023c2a6e54.hot-update.js": "/chunks/platform.0d3c8e09b9023c2a6e54.hot-update.js",
+    "/chunks/platform~chunks/shared.0d3c8e09b9023c2a6e54.hot-update.js": "/chunks/platform~chunks/shared.0d3c8e09b9023c2a6e54.hot-update.js",
+    "/chunks/settings.0d3c8e09b9023c2a6e54.hot-update.js": "/chunks/settings.0d3c8e09b9023c2a6e54.hot-update.js",
+    "/js/main.3620c2be77dc8db118fa.hot-update.js": "/js/main.3620c2be77dc8db118fa.hot-update.js",
+    "/chunks/platform.3620c2be77dc8db118fa.hot-update.js": "/chunks/platform.3620c2be77dc8db118fa.hot-update.js",
+    "/chunks/shared.3620c2be77dc8db118fa.hot-update.js": "/chunks/shared.3620c2be77dc8db118fa.hot-update.js",
+    "/js/main.0c7cdbdac68bb96a1460.hot-update.js": "/js/main.0c7cdbdac68bb96a1460.hot-update.js",
+    "/chunks/settings.0c7cdbdac68bb96a1460.hot-update.js": "/chunks/settings.0c7cdbdac68bb96a1460.hot-update.js",
+    "/chunks/settings.938c2116121fbf32489c.hot-update.js": "/chunks/settings.938c2116121fbf32489c.hot-update.js",
+    "/js/main.aa6b4400cb47d63d30ea.hot-update.js": "/js/main.aa6b4400cb47d63d30ea.hot-update.js",
+    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~8d246649.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~8d246649.js?id=d49a6a574e3413f49cc3",
+    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~860e9aef.aa6b4400cb47d63d30ea.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~860e9aef.aa6b4400cb47d63d30ea.hot-update.js",
+    "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settings~chunks/sha~230898a3.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settings~chunks/sha~230898a3.js?id=ba4b58eda11331033dc4",
+    "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settings~chunks/sha~ea848a19.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settings~chunks/sha~ea848a19.js?id=285a34332e57352b0f2c",
+    "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~cd83f396.aa6b4400cb47d63d30ea.hot-update.js": "/chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~chunks/share~cd83f396.aa6b4400cb47d63d30ea.hot-update.js",
+    "/chunks/platform~chunks/settings~chunks/shared.js": "/chunks/platform~chunks/settings~chunks/shared.js?id=8f8554fd9ed1ac09353a",
+    "/chunks/platform~chunks/shared.aa6b4400cb47d63d30ea.hot-update.js": "/chunks/platform~chunks/shared.aa6b4400cb47d63d30ea.hot-update.js",
+    "/chunks/settings.aa6b4400cb47d63d30ea.hot-update.js": "/chunks/settings.aa6b4400cb47d63d30ea.hot-update.js",
+    "/vendors~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settings~ch~b9b07f25.js": "/vendors~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settings~ch~b9b07f25.js?id=42f191e2457f0013976b",
+    "/vendors~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/platform~chunks/settings~chunks/shared.js?id=4b7041e9f93e0fecaca5",
+    "/js/main.0cf66ebeb2586b6ef93a.hot-update.js": "/js/main.0cf66ebeb2586b6ef93a.hot-update.js",
+    "/js/main.2c896ae2047e86c80ddb.hot-update.js": "/js/main.2c896ae2047e86c80ddb.hot-update.js",
+    "/chunks/platform.2c896ae2047e86c80ddb.hot-update.js": "/chunks/platform.2c896ae2047e86c80ddb.hot-update.js",
+    "/chunks/admin.cee79ffeee2bf83be4c6.hot-update.js": "/chunks/admin.cee79ffeee2bf83be4c6.hot-update.js",
+    "/js/main.e0ab6b42349f500cff8a.hot-update.js": "/js/main.e0ab6b42349f500cff8a.hot-update.js",
+    "/chunks/admin.e0ab6b42349f500cff8a.hot-update.js": "/chunks/admin.e0ab6b42349f500cff8a.hot-update.js",
+    "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~0919ded8.js": "/chunks/admin~chunks/app-language~chunks/dashboard~chunks/files~chunks/invoices~chunks/my-shared-item~0919ded8.js?id=e08424c8b2e29269c282",
+    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~6dc4969c.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~6dc4969c.js?id=b18c24155adee4c35034",
+    "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~7a7e849f.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~7a7e849f.js?id=84e471b380a972e986e6",
+    "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=90d4a5c68188a1bbce59",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0479998e19889a704caf.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.0479998e19889a704caf.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.745c879c6110b88f4c52.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.745c879c6110b88f4c52.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.abb345875f95440d5a54.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.abb345875f95440d5a54.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.aa8db8b6f70387880eb7.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.aa8db8b6f70387880eb7.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9c9d826143d234c501f9.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.9c9d826143d234c501f9.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.39b5b180656e733e94ed.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.39b5b180656e733e94ed.hot-update.js",
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.8c2e6a9cc419893dd2c2.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.8c2e6a9cc419893dd2c2.hot-update.js"
 }
diff --git a/resources/js/App.vue b/resources/js/App.vue
index fe965f76..ae7aee25 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -57,7 +57,12 @@ export default {
 			const webApp = document.getElementsByTagName("html")[0];
 
 			webApp.classList.toggle("dark-mode");
-		}
+		},
+		spotlightListener(e) {
+			if (e.key === 'k' && e.metaKey) {
+				events.$emit('spotlight:show');
+			}
+		},
     },
     beforeMount() {
 
@@ -111,7 +116,12 @@ export default {
     	if (this.$isWIndows()) {
 			document.body.classList.add('windows')
 		}
-    }
+
+		window.addEventListener("keydown", this.spotlightListener);
+	},
+	destroyed() {
+		window.removeEventListener("keydown", this.spotlightListener);
+	}
 }
 </script>
 
diff --git a/resources/js/components/Sidebar/SidebarNavigation.vue b/resources/js/components/Sidebar/SidebarNavigation.vue
index 7ca2e212..d6721145 100644
--- a/resources/js/components/Sidebar/SidebarNavigation.vue
+++ b/resources/js/components/Sidebar/SidebarNavigation.vue
@@ -1,26 +1,24 @@
 <template>
     <nav class="menu-bar">
-
-        <!--Navigation Icons-->
         <div class="icon-navigation menu" v-if="user">
 
             <router-link :to="{name: 'Profile'}" class="icon-navigation-item user">
                 <UserAvatar />
             </router-link>
 
-            <router-link :to="{name: 'Files'}" :title="$t('locations.home')" class="icon-navigation-item home">
+            <router-link :to="{name: 'Files'}" :class="{'is-active': isSection('Platform')}" :title="$t('locations.home')" class="icon-navigation-item home">
                 <div class="button-icon text-theme">
                     <hard-drive-icon size="19" class="text-theme" />
                 </div>
             </router-link>
 
-            <router-link :to="{name: 'Profile'}" :class="{'is-active': isUserProfileRoute}" :title="$t('locations.profile')" class="icon-navigation-item settings">
+            <router-link :to="{name: 'Profile'}" :class="{'is-active': isSection('Profile')}" :title="$t('locations.profile')" class="icon-navigation-item settings">
                 <div class="button-icon">
                     <user-icon size="19" />
                 </div>
             </router-link>
 
-            <router-link v-if="user.data.attributes.role === 'admin'" :to="{name: 'Dashboard'}" :class="{'is-active': $isThisRoute($route, adminRoutes)}" :title="$t('locations.settings')" class="icon-navigation-item users">
+            <router-link :to="{name: 'Dashboard'}" :class="{'is-active': isSection('Admin')}" v-if="user.data.attributes.role === 'admin'" :title="$t('locations.settings')" class="icon-navigation-item users">
                 <div class="button-icon">
                     <settings-icon size="19" />
                 </div>
@@ -35,13 +33,13 @@
         </div>
 
         <!--Logout-->
-        <ul class="icon-navigation logout">
-            <li @click="$store.dispatch('logOut')" :title="$t('locations.logout')" class="icon-navigation-item">
+        <div class="icon-navigation logout">
+            <div @click="$store.dispatch('logOut')" :title="$t('locations.logout')" class="icon-navigation-item">
                 <div class="button-icon">
                     <power-icon size="19" />
                 </div>
-            </li>
-        </ul>
+            </div>
+        </div>
     </nav>
 </template>
 
@@ -76,48 +74,14 @@
             ...mapGetters([
 				'isDarkMode',
 				'user',
-			]),
-            isUserProfileRoute() {
-                return this.$isThisRoute(this.$route, ['Profile', 'Password', 'Storage', 'Invoice', 'Subscription', 'PaymentMethods'])
-            }
-        },
-        data() {
-            return {
-                adminRoutes: [
-                    'AppSettings',
-                    'AppAppearance',
-                    'AppBillings',
-                    'AppEmail',
-                    'AppOthers',
-                    'Dashboard',
-                    'PlanSubscribers',
-                    'PlanCreate',
-                    'PlanSettings',
-                    'PlanDelete',
-                    'UserSubscription',
-                    'UserInvoices',
-                    'UserPassword',
-                    'UserStorage',
-                    'UserDelete',
-                    'PlanCreate',
-                    'UserCreate',
-                    'AppPayments',
-                    'PageEdit',
-                    'Pages',
-                    'UserDelete',
-                    'UserDetail',
-                    'Invoices',
-                    'Gateways',
-                    'Gateway',
-                    'Plans',
-                    'Users',
-                    'User',
-                ],
-            }
+			])
         },
 		methods: {
 			toggleDarkMode() {
 				this.$store.dispatch('toggleDarkMode', !this.isDarkMode)
+			},
+			isSection(section) {
+				return this.$route.matched[0].name === section
 			}
 		},
         mounted() {
diff --git a/resources/js/components/Spotlight/Spotlight.vue b/resources/js/components/Spotlight/Spotlight.vue
index 1b37c3e1..55c79978 100644
--- a/resources/js/components/Spotlight/Spotlight.vue
+++ b/resources/js/components/Spotlight/Spotlight.vue
@@ -19,7 +19,7 @@
 				</div>
 			</div>
 
-			<div v-if="query !== ''" class="spotlight-results">
+			<div v-if="isEmptyQuery" class="spotlight-results">
 
 				<!--Show results-->
 				<div v-if="results.length !== 0" v-for="(item, i) in results" :key="item.id" class="result-item">
@@ -64,6 +64,9 @@ export default {
 		metaKeyIcon() {
 			return this.$isApple() ? '⌘' : '⊞'
 		},
+		isEmptyQuery() {
+			return this.query !== ''
+		}
 	},
 	watch: {
 		query(val) {
@@ -76,16 +79,16 @@ export default {
 	},
 	data() {
 		return {
-			index: 0,
-			query: '',
 			isVisible: false,
 			isLoading: false,
 			results: [],
+			query: '',
+			index: 0,
 		}
 	},
 	methods: {
 		proceedToSelect(e) {
-			// Preserve select and reload shortcut
+			// Preserve select and reload native shortcut
 			if (! ['a', 'r'].includes(e.key)) {
 				e.preventDefault()
 			}
@@ -103,12 +106,7 @@ export default {
 
 			// Show folder
 			if (file.type === 'folder') {
-				// todo: fixnut reload na Files stranke
-				if (this.$route.name !== 'Files') {
-					this.$router.push({name: 'Files'})
-				}
-
-				this.$store.dispatch('getFolder', this.results[this.index].id)
+				this.$router.push({name: 'Files', params: {id: this.results[this.index].id}})
 			} else {
 
 				// Show file
@@ -128,7 +126,6 @@ export default {
 				this.index++
 		},
 		onPageUp() {
-
 			if (this.index > 0) this.index--
 		},
 		searchFiles: debounce(function (value) {
diff --git a/resources/js/router.js b/resources/js/router.js
index bb88de45..eda51279 100644
--- a/resources/js/router.js
+++ b/resources/js/router.js
@@ -5,6 +5,7 @@ import routesAdmin from './routes/routesAdmin'
 import routesIndex from './routes/routesIndex'
 import routesAuth from './routes/routesAuth'
 import routesUser from './routes/routesUser'
+import routesFile from './routes/routesFile'
 import store from './store/index'
 import Router from 'vue-router'
 import Vue from 'vue'
@@ -21,6 +22,7 @@ const router = new Router({
         ...routesIndex,
         ...routesAuth,
         ...routesUser,
+        ...routesFile,
     ],
     scrollBehavior(to, from, savedPosition) {
         if (savedPosition) {
diff --git a/resources/js/routes/routesFile.js b/resources/js/routes/routesFile.js
new file mode 100644
index 00000000..2e10566b
--- /dev/null
+++ b/resources/js/routes/routesFile.js
@@ -0,0 +1,66 @@
+const routesFile = [
+	{
+		name: 'Platform',
+		path: '/platform',
+		component: () =>
+			import(/* webpackChunkName: "chunks/platform" */ '../views/Platform'),
+		children: [
+			{
+				name: 'Files',
+				path: '/platform/files/:id?',
+				component: () =>
+					import(/* webpackChunkName: "chunks/files" */ '../views/FileView/Files'),
+				meta: {
+					requiresAuth: true
+				},
+			},
+			{
+				name: 'RecentUploads',
+				path: '/platform/recent-uploads',
+				component: () =>
+					import(/* webpackChunkName: "chunks/recent-uploads" */ '../views/FileView/RecentUploads'),
+				meta: {
+					requiresAuth: true
+				},
+			},
+			{
+				name: 'MySharedItems',
+				path: '/platform/my-shared-items',
+				component: () =>
+					import(/* webpackChunkName: "chunks/my-shared-items" */ '../views/FileView/MySharedItems'),
+				meta: {
+					requiresAuth: true
+				},
+			},
+			{
+				name: 'Trash',
+				path: '/platform/trash/:id?',
+				component: () =>
+					import(/* webpackChunkName: "chunks/trash" */ '../views/FileView/Trash'),
+				meta: {
+					requiresAuth: true
+				},
+			},
+			{
+				name: 'TeamFolders',
+				path: '/platform/team-folder/:id?',
+				component: () =>
+					import(/* webpackChunkName: "chunks/team-folders" */ '../views/FileView/Trash'),
+				meta: {
+					requiresAuth: true
+				},
+			},
+			{
+				name: 'SharedWithMe',
+				path: '/platform/shared-with-me/:id?',
+				component: () =>
+					import(/* webpackChunkName: "chunks/shared-with-me" */ '../views/FileView/Trash'),
+				meta: {
+					requiresAuth: true
+				},
+			},
+		]
+	}
+]
+
+export default routesFile
\ No newline at end of file
diff --git a/resources/js/routes/routesUser.js b/resources/js/routes/routesUser.js
index cfd29505..7b4c08e7 100644
--- a/resources/js/routes/routesUser.js
+++ b/resources/js/routes/routesUser.js
@@ -1,167 +1,105 @@
 const routesUser = [
 	{
-		path: '/platform',
-		name: 'Platform',
+		name: 'User',
+		path: '/user',
 		component: () =>
-			import(/* webpackChunkName: "chunks/platform" */ '../views/Platform'),
+			import(/* webpackChunkName: "chunks/settings" */ '../views/Profile'),
+		meta: {
+			requiresAuth: true
+		},
 		children: [
 			{
-				name: 'Files',
-				path: '/platform/files/:id?',
+				name: 'Profile',
+				path: '/user/profile',
 				component: () =>
-					import(/* webpackChunkName: "chunks/files" */ '../views/FileView/Files'),
-				meta: {
-					requiresAuth: true
-				},
-			},
-			{
-				name: 'RecentUploads',
-				path: '/platform/recent-uploads',
-				component: () =>
-					import(/* webpackChunkName: "chunks/recent-uploads" */ '../views/FileView/RecentUploads'),
-				meta: {
-					requiresAuth: true
-				},
-			},
-			{
-				name: 'MySharedItems',
-				path: '/platform/my-shared-items',
-				component: () =>
-					import(/* webpackChunkName: "chunks/my-shared-items" */ '../views/FileView/MySharedItems'),
-				meta: {
-					requiresAuth: true
-				},
-			},
-			{
-				name: 'Trash',
-				path: '/platform/trash/:id?',
-				component: () =>
-					import(/* webpackChunkName: "chunks/trash" */ '../views/FileView/Trash'),
-				meta: {
-					requiresAuth: true
-				},
-			},
-			{
-				name: 'TeamFolders',
-				path: '/platform/team-folder/:id?',
-				component: () =>
-					import(/* webpackChunkName: "chunks/team-folders" */ '../views/FileView/Trash'),
-				meta: {
-					requiresAuth: true
-				},
-			},
-			{
-				name: 'SharedWithMe',
-				path: '/platform/shared-with-me/:id?',
-				component: () =>
-					import(/* webpackChunkName: "chunks/shared-with-me" */ '../views/FileView/Trash'),
-				meta: {
-					requiresAuth: true
-				},
-			},
-			{
-				name: 'Settings',
-				path: '/platform/settings',
-				component: () =>
-					import(/* webpackChunkName: "chunks/settings" */ '../views/Profile'),
-				meta: {
-					requiresAuth: true
-				},
-				children: [
-					{
-						name: 'Profile',
-						path: '/platform/profile',
-						component: () =>
-							import(/* webpackChunkName: "chunks/profile" */ '../views/User/Settings'),
-						meta: {
-							requiresAuth: true,
-							title: 'routes_title.profile'
-						},
-					},
-					{
-						name: 'Password',
-						path: '/platform/settings/password',
-						component: () =>
-							import(/* webpackChunkName: "chunks/settings-password" */ '../views/User/Password'),
-						meta: {
-							requiresAuth: true,
-							title: 'routes_title.settings_password'
-						},
-					},
-					{
-						name: 'Storage',
-						path: '/platform/settings/storage',
-						component: () =>
-							import(/* webpackChunkName: "chunks/settings-storage" */ '../views/User/Storage'),
-						meta: {
-							requiresAuth: true,
-							title: 'routes_title.settings_storage'
-						},
-					},
-					{
-						name: 'Invoice',
-						path: '/platform/settings/invoices',
-						component: () =>
-							import(/* webpackChunkName: "chunks/settings-invoices" */ '../views/User/Invoices'),
-						meta: {
-							requiresAuth: true,
-							title: 'routes_title.invoices'
-						},
-					},
-					{
-						name: 'Subscription',
-						path: '/platform/settings/subscription',
-						component: () =>
-							import(/* webpackChunkName: "chunks/settings-subscription" */ '../views/User/Subscription'),
-						meta: {
-							requiresAuth: true,
-							title: 'routes_title.subscription'
-						},
-					},
-					{
-						name: 'PaymentMethods',
-						path: '/platform/settings/payment-methods',
-						component: () =>
-							import(/* webpackChunkName: "chunks/settings-payment-methods" */ '../views/User/PaymentMethods'),
-						meta: {
-							requiresAuth: true,
-							title: 'routes_title.payment_methods'
-						},
-					},
-					{
-						name: 'CreatePaymentMethod',
-						path: '/platform/settings/create-payment-method',
-						component: () =>
-							import(/* webpackChunkName: "chunks/settings-create-payment-methods" */ '../views/User/CreatePaymentMethod'),
-						meta: {
-							requiresAuth: true,
-							title: 'Create Payment Method'
-						},
-					},
-				]
-			},
-			{
-				name: 'UpgradePlan',
-				path: '/platform/upgrade/plan',
-				component: () =>
-					import(/* webpackChunkName: "chunks/upgrade-plan" */ '../views/Upgrade/UpgradePlan'),
+					import(/* webpackChunkName: "chunks/profile" */ '../views/User/Settings'),
 				meta: {
 					requiresAuth: true,
-					title: 'routes_title.upgrade_plan'
+					title: 'routes_title.profile'
 				},
 			},
 			{
-				name: 'UpgradeBilling',
-				path: '/platform/upgrade/billing',
+				name: 'Password',
+				path: '/user/settings/password',
 				component: () =>
-					import(/* webpackChunkName: "chunks/upgrade-billing" */ '../views/Upgrade/UpgradeBilling'),
+					import(/* webpackChunkName: "chunks/settings-password" */ '../views/User/Password'),
 				meta: {
 					requiresAuth: true,
-					title: 'routes_title.upgrade_billing'
+					title: 'routes_title.settings_password'
+				},
+			},
+			{
+				name: 'Storage',
+				path: '/user/settings/storage',
+				component: () =>
+					import(/* webpackChunkName: "chunks/settings-storage" */ '../views/User/Storage'),
+				meta: {
+					requiresAuth: true,
+					title: 'routes_title.settings_storage'
+				},
+			},
+			{
+				name: 'Invoice',
+				path: '/user/settings/invoices',
+				component: () =>
+					import(/* webpackChunkName: "chunks/settings-invoices" */ '../views/User/Invoices'),
+				meta: {
+					requiresAuth: true,
+					title: 'routes_title.invoices'
+				},
+			},
+			{
+				name: 'Subscription',
+				path: '/user/settings/subscription',
+				component: () =>
+					import(/* webpackChunkName: "chunks/settings-subscription" */ '../views/User/Subscription'),
+				meta: {
+					requiresAuth: true,
+					title: 'routes_title.subscription'
+				},
+			},
+			{
+				name: 'PaymentMethods',
+				path: '/user/settings/payment-methods',
+				component: () =>
+					import(/* webpackChunkName: "chunks/settings-payment-methods" */ '../views/User/PaymentMethods'),
+				meta: {
+					requiresAuth: true,
+					title: 'routes_title.payment_methods'
+				},
+			},
+			{
+				name: 'CreatePaymentMethod',
+				path: '/user/settings/create-payment-method',
+				component: () =>
+					import(/* webpackChunkName: "chunks/settings-create-payment-methods" */ '../views/User/CreatePaymentMethod'),
+				meta: {
+					requiresAuth: true,
+					title: 'Create Payment Method'
 				},
 			},
 		]
-	}
+	},
+	{
+		name: 'UpgradePlan',
+		path: '/user/upgrade/plan',
+		component: () =>
+			import(/* webpackChunkName: "chunks/upgrade-plan" */ '../views/Upgrade/UpgradePlan'),
+		meta: {
+			requiresAuth: true,
+			title: 'routes_title.upgrade_plan'
+		},
+	},
+	{
+		name: 'UpgradeBilling',
+		path: '/user/upgrade/billing',
+		component: () =>
+			import(/* webpackChunkName: "chunks/upgrade-billing" */ '../views/Upgrade/UpgradeBilling'),
+		meta: {
+			requiresAuth: true,
+			title: 'routes_title.upgrade_billing'
+		},
+	},
 ]
 
 export default routesUser
\ No newline at end of file
diff --git a/resources/js/views/Admin.vue b/resources/js/views/Admin.vue
index b1ca973a..1fd8a212 100644
--- a/resources/js/views/Admin.vue
+++ b/resources/js/views/Admin.vue
@@ -1,5 +1,8 @@
 <template>
     <section id="viewport">
+		<!--On Top of App Components-->
+        <FilePreview />
+		<Spotlight />
 
         <!--Mobile Navigation-->
         <MobileNavigation />
@@ -20,7 +23,7 @@
                 <div class="menu-list-wrapper vertical">
                     <router-link :to="{name: 'Dashboard'}" class="menu-list-item link">
                         <div class="icon text-theme">
-                            <box-icon size="17"></box-icon>
+                            <box-icon size="17" />
                         </div>
                         <div class="label text-theme">
                             {{ $t('admin_menu.dashboard') }}
@@ -28,7 +31,7 @@
                     </router-link>
                     <router-link :to="{name: 'Users'}" class="menu-list-item link">
                         <div class="icon text-theme">
-                            <users-icon size="17"></users-icon>
+                            <users-icon size="17" />
                         </div>
                         <div class="label text-theme">
                             {{ $t('admin_menu.users') }}
@@ -36,7 +39,7 @@
                     </router-link>
                     <router-link :to="{name: 'AppOthers'}" class="menu-list-item link">
                         <div class="icon text-theme">
-                            <settings-icon size="17"></settings-icon>
+                            <settings-icon size="17" />
                         </div>
                         <div class="label text-theme">
                             {{ $t('admin_menu.settings') }}
@@ -44,7 +47,7 @@
                     </router-link>
                     <router-link :to="{name: 'Pages'}" class="menu-list-item link">
                         <div class="icon text-theme">
-                            <monitor-icon size="17"></monitor-icon>
+                            <monitor-icon size="17" />
                         </div>
                         <div class="label text-theme">
                             {{ $t('admin_menu.pages') }}
@@ -66,7 +69,7 @@
                 <div class="menu-list-wrapper vertical">
                     <router-link :to="{name: 'Plans'}" class="menu-list-item link">
                         <div class="icon text-theme">
-                            <database-icon size="17"></database-icon>
+                            <database-icon size="17" />
                         </div>
                         <div class="label text-theme">
                             {{ $t('admin_menu.plans') }}
@@ -74,7 +77,7 @@
                     </router-link>
                     <router-link :to="{name: 'Invoices'}" class="menu-list-item link">
                         <div class="icon text-theme">
-                            <file-text-icon size="17"></file-text-icon>
+                            <file-text-icon size="17" />
                         </div>
                         <div class="label text-theme">
                             {{ $t('admin_menu.invoices') }}
@@ -89,6 +92,8 @@
 </template>
 
 <script>
+    import FilePreview from '/resources/js/components/FilePreview/FilePreview'
+	import Spotlight from '/resources/js/components/Spotlight/Spotlight'
     import { UsersIcon, SettingsIcon, FileTextIcon, CreditCardIcon, DatabaseIcon, BoxIcon, MonitorIcon, GlobeIcon } from 'vue-feather-icons'
     import SidebarNavigation from '/resources/js/components/Sidebar/SidebarNavigation'
     import MobileNavigation from '/resources/js/components/Others/MobileNavigation'
@@ -101,9 +106,13 @@
     export default {
         name: 'Settings',
         computed: {
-            ...mapGetters(['config']),
+            ...mapGetters([
+				'config'
+			]),
         },
         components: {
+			FilePreview,
+			Spotlight,
             SidebarNavigation,
             MobileNavigation,
             CreateLanguage,
diff --git a/resources/js/views/FileView/Components/NavigationPanel.vue b/resources/js/views/FileView/Components/PanelNavigationFiles.vue
similarity index 99%
rename from resources/js/views/FileView/Components/NavigationPanel.vue
rename to resources/js/views/FileView/Components/PanelNavigationFiles.vue
index 66d0b341..a2866357 100644
--- a/resources/js/views/FileView/Components/NavigationPanel.vue
+++ b/resources/js/views/FileView/Components/PanelNavigationFiles.vue
@@ -105,7 +105,7 @@
 	import {mapGetters} from "vuex";
 
 export default {
-	name: "NavigationPanel",
+	name: "PanelNavigationFiles",
 	components: {
 		UpgradeSidebarBanner,
 		TreeMenuNavigator,
diff --git a/resources/js/views/Platform.vue b/resources/js/views/Platform.vue
index a4196e75..82793afa 100644
--- a/resources/js/views/Platform.vue
+++ b/resources/js/views/Platform.vue
@@ -26,13 +26,13 @@
 
         <!--Navigations-->
         <MobileNavigation />
-        <SidebarNavigation />
 
         <!--Others-->
         <DragUI />
 
-		<!--Sidebar-->
-		<NavigationPanel />
+		<!--2 col Sidebars-->
+        <SidebarNavigation />
+		<PanelNavigationFiles />
 
 		<div @contextmenu.prevent.capture="contextMenu($event, undefined)" id="file-view">
 			<DesktopToolbar/>
@@ -59,7 +59,7 @@
     import FilePreview from '/resources/js/components/FilePreview/FilePreview'
     import Spotlight from '/resources/js/components/Spotlight/Spotlight'
     import DragUI from '/resources/js/components/FilesView/DragUI'
-	import NavigationPanel from "./FileView/Components/NavigationPanel"
+	import PanelNavigationFiles from "./FileView/Components/PanelNavigationFiles"
     import {events} from '/resources/js/bus'
 
     export default {
@@ -74,7 +74,7 @@
             MobileNavigation,
             ShareCreatePopup,
             ProcessingPopup,
-			NavigationPanel,
+			PanelNavigationFiles,
             RenameItemPopup,
             ShareEditPopup,
 			DesktopToolbar,
@@ -90,11 +90,6 @@
             }
         },
 		methods: {
-        	spotlightListener(e) {
-				if (e.key === 'k' && e.metaKey) {
-					events.$emit('spotlight:show');
-				}
-			},
 			contextMenu(event, item) {
 				events.$emit('context-menu:show', event, item)
 			},
@@ -103,12 +98,7 @@
             events.$on('mobile-menu:show', () => this.isScaledDown = true)
             events.$on('fileItem:deselect', () => this.isScaledDown = false)
             events.$on('mobile-menu:hide', () => this.isScaledDown = false)
-
-			window.addEventListener("keydown", this.spotlightListener);
-        },
-		destroyed() {
-			window.removeEventListener("keydown", this.spotlightListener);
-		}
+        }
 	}
 </script>
 
diff --git a/resources/js/views/Profile.vue b/resources/js/views/Profile.vue
index ba98628c..4fad72ff 100644
--- a/resources/js/views/Profile.vue
+++ b/resources/js/views/Profile.vue
@@ -1,74 +1,14 @@
 <template>
     <section id="viewport">
-        <ContentSidebar>
+		<!--On Top of App Components-->
+        <FilePreview />
+		<Spotlight />
 
-            <!--Settings-->
-            <ContentGroup title="Menu" class="navigator">
-                <div class="menu-list-wrapper vertical">
-                    <router-link replace :to="{name: 'Profile'}" class="menu-list-item link">
-                        <div class="icon text-theme">
-                            <user-icon size="17"></user-icon>
-                        </div>
-                        <div class="label text-theme">
-                            {{ $t('menu.profile') }}
-                        </div>
-                    </router-link>
-
-                    <router-link replace :to="{name: 'Storage'}" class="menu-list-item link">
-                        <div class="icon text-theme">
-                            <hard-drive-icon size="17"></hard-drive-icon>
-                        </div>
-                        <div class="label text-theme">
-                            {{ $t('menu.storage') }}
-                        </div>
-                    </router-link>
-
-                    <router-link replace :to="{name: 'Password'}" class="menu-list-item link">
-                        <div class="icon text-theme">
-                            <lock-icon size="17"></lock-icon>
-                        </div>
-                        <div class="label text-theme">
-                            {{ $t('menu.password') }}
-                        </div>
-                    </router-link>
-                </div>
-            </ContentGroup>
-
-			<!--Subscription-->
-            <ContentGroup title="Subscription" class="navigator" v-if="canShowSubscriptionSettings">
-                <div class="menu-list-wrapper vertical">
-                    <router-link replace :to="{name: 'Subscription'}" class="menu-list-item link">
-                        <div class="icon text-theme">
-                            <cloud-icon size="17"></cloud-icon>
-                        </div>
-                        <div class="label text-theme">
-                            {{ $t('menu.subscription') }}
-                        </div>
-                    </router-link>
-
-                    <router-link replace :to="{name: 'PaymentMethods'}" class="menu-list-item link">
-                        <div class="icon text-theme">
-                            <credit-card-icon size="17"></credit-card-icon>
-                        </div>
-                        <div class="label text-theme">
-                            {{ $t('menu.payment_cards') }}
-                        </div>
-                    </router-link>
-
-                    <router-link replace :to="{name: 'Invoice'}" class="menu-list-item link">
-                        <div class="icon text-theme">
-                            <file-text-icon size="17"></file-text-icon>
-                        </div>
-                        <div class="label text-theme">
-                            {{ $t('menu.invoices') }}
-                        </div>
-                    </router-link>
-                </div>
-            </ContentGroup>
-        </ContentSidebar>
+		<SidebarNavigation />
+        <PanelNavigationUser />
 
         <div v-if="user" id="single-page">
-            <div id="page-content" class="medium-width" v-if="! isLoading">
+            <div v-if="! isLoading" id="page-content" class="medium-width">
                 <MobileHeader :title="$t($router.currentRoute.meta.title)"/>
 
                 <div class="content-page">
@@ -132,63 +72,51 @@
 </template>
 
 <script>
+    import FilePreview from '/resources/js/components/FilePreview/FilePreview'
+	import Spotlight from '/resources/js/components/Spotlight/Spotlight'
 	import TwoFactorRecoveryCodesPopup from '/resources/js/components/Others/TwoFactorRecoveryCodesPopup'
 	import CreatePersonaTokenPopup from '/resources/js/components/Others/CreatePersonaTokenPopup'
 	import TwoFactorSetupPopup from '/resources/js/components/Others/TwoFactorSetupPopup'
-    import ContentSidebar from '/resources/js/components/Sidebar/ContentSidebar'
-    import ContentGroup from '/resources/js/components/Sidebar/ContentGroup'
     import UserImageInput from '/resources/js/components/Others/UserImageInput'
+	import SidebarNavigation from "../components/Sidebar/SidebarNavigation"
     import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
+	import PanelNavigationUser from "./User/Components/PanelNavigationUser"
     import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
     import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
     import PageHeader from '/resources/js/components/Others/PageHeader'
     import ColorLabel from '/resources/js/components/Others/ColorLabel'
     import Spinner from '/resources/js/components/FilesView/Spinner'
     import { mapGetters } from 'vuex'
-    import {
-        CreditCardIcon,
-        HardDriveIcon,
-        FileTextIcon,
-        CloudIcon,
-        UserIcon,
-        LockIcon,
-        KeyIcon,
-    } from 'vue-feather-icons'
 
     export default {
         name: 'Settings',
         components: {
+			FilePreview,
+			Spotlight,
 			TwoFactorRecoveryCodesPopup,
 			CreatePersonaTokenPopup,
+			PanelNavigationUser,
 			TwoFactorSetupPopup,
-            ContentSidebar,
-            CreditCardIcon,
+			SidebarNavigation,
             UserImageInput,
-            HardDriveIcon,
-            FileTextIcon,
             MobileHeader,
-            ContentGroup,
             ButtonBase,
             ColorLabel,
             PageHeader,
-            CloudIcon,
-            UserIcon,
-            LockIcon,
             Spinner,
             InfoBox,
-            KeyIcon,
         },
         computed: {
-            ...mapGetters(['user', 'config']),
+            ...mapGetters([
+            	'user',
+				'config'
+			]),
             subscriptionStatus() {
                 return this.user.data.attributes.subscription ? this.$t('global.premium') : this.$t('global.free')
             },
             subscriptionColor() {
                 return this.user.data.attributes.subscription ? 'green' : 'purple'
             },
-            canShowSubscriptionSettings() {
-                return this.config.isSaaS && this.config.app_payments_active
-            },
             canShowUpgradeWarning() {
                 return this.config.storageLimit && this.user.data.attributes.storage.used > 95
             },
diff --git a/resources/js/views/User/Components/PanelNavigationUser.vue b/resources/js/views/User/Components/PanelNavigationUser.vue
new file mode 100644
index 00000000..27ce54ff
--- /dev/null
+++ b/resources/js/views/User/Components/PanelNavigationUser.vue
@@ -0,0 +1,111 @@
+<template>
+	<ContentSidebar>
+
+		<!--Settings-->
+		<ContentGroup title="Menu" class="navigator">
+			<div class="menu-list-wrapper vertical">
+				<router-link replace :to="{name: 'Profile'}" class="menu-list-item link">
+					<div class="icon text-theme">
+						<user-icon size="17" />
+					</div>
+					<div class="label text-theme">
+						{{ $t('menu.profile') }}
+					</div>
+				</router-link>
+
+				<router-link replace :to="{name: 'Storage'}" class="menu-list-item link">
+					<div class="icon text-theme">
+						<hard-drive-icon size="17" />
+					</div>
+					<div class="label text-theme">
+						{{ $t('menu.storage') }}
+					</div>
+				</router-link>
+
+				<router-link replace :to="{name: 'Password'}" class="menu-list-item link">
+					<div class="icon text-theme">
+						<lock-icon size="17" />
+					</div>
+					<div class="label text-theme">
+						{{ $t('menu.password') }}
+					</div>
+				</router-link>
+			</div>
+		</ContentGroup>
+
+		<!--Subscription-->
+		<ContentGroup v-if="canShowSubscriptionSettings" :title="$t('user_subscription.title')" class="navigator">
+			<div class="menu-list-wrapper vertical">
+				<router-link replace :to="{name: 'Subscription'}" class="menu-list-item link">
+					<div class="icon text-theme">
+						<cloud-icon size="17" />
+					</div>
+					<div class="label text-theme">
+						{{ $t('menu.subscription') }}
+					</div>
+				</router-link>
+
+				<router-link replace :to="{name: 'PaymentMethods'}" class="menu-list-item link">
+					<div class="icon text-theme">
+						<credit-card-icon size="17" />
+					</div>
+					<div class="label text-theme">
+						{{ $t('menu.payment_cards') }}
+					</div>
+				</router-link>
+
+				<router-link replace :to="{name: 'Invoice'}" class="menu-list-item link">
+					<div class="icon text-theme">
+						<file-text-icon size="17" />
+					</div>
+					<div class="label text-theme">
+						{{ $t('menu.invoices') }}
+					</div>
+				</router-link>
+			</div>
+		</ContentGroup>
+	</ContentSidebar>
+</template>
+
+<script>
+    import ContentSidebar from '/resources/js/components/Sidebar/ContentSidebar'
+	import ContentGroup from '/resources/js/components/Sidebar/ContentGroup'
+	import {mapGetters} from "vuex"
+	import {
+		CreditCardIcon,
+		HardDriveIcon,
+		FileTextIcon,
+		CloudIcon,
+		UserIcon,
+		LockIcon,
+		KeyIcon,
+	} from 'vue-feather-icons'
+
+	export default {
+		name: "PanelNavigationUser",
+		components: {
+			ContentSidebar,
+			CreditCardIcon,
+			ContentGroup,
+			HardDriveIcon,
+			FileTextIcon,
+			CloudIcon,
+			UserIcon,
+			LockIcon,
+			KeyIcon,
+		},
+		computed: {
+			...mapGetters([
+				'config',
+				'user',
+			]),
+			canShowSubscriptionSettings() {
+				return this.config.isSaaS && this.config.app_payments_active
+			},
+		}
+	}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file