UI improvements

resources/js/components/FilesView/InfoSidebar.vue

@@ -34,17 +34,9 @@
             <!--Location-->
             <ListInfoItem v-if="$checkPermission(['master'])" :title="$t('file_detail.where')">
                 <div @click="$moveFileOrFolder(singleFile)" class="flex cursor-pointer items-center">
-                    <span class="inline-block text-sm font-bold">
-                        {{ singleFile.data.relationships.parent ? singleFile.data.relationships.parent.data.attributes.name : $t('locations.home') }}
-                    </span>
-                    <Edit2Icon size="10" class="ml-2" />
-                </div>
-            </ListInfoItem>
-
-            <!--Team-->
-            <ListInfoItem v-if="singleFile.data.attributes.isTeamFolder" :title="$t('Shared with the Team')">
-                <div class="flex cursor-pointer items-center z-0 relative" @click="$updateTeamFolder(singleFile)">
-                    <TeamMembersPreview :folder="singleFile" :avatar-size="32" />
+                    <b class="inline-block text-sm font-bold">
+                        {{ singleFile.data.relationships.parent ? singleFile.data.relationships.parent.data.attributes.name : $getCurrentLocationName() }}
+                    </b>
                     <Edit2Icon size="10" class="ml-2" />
                 </div>
             </ListInfoItem>

resources/js/components/FilesView/ItemList.vue

@@ -179,12 +179,14 @@ export default {
         this.itemName = this.entry.data.attributes.name
 
         // Change item name
-        events.$on('change:name', (item) => {
-            if (this.entry.data.id === item.id) this.itemName = item.name
+        events.$on('change:name', item => {
+            if (this.entry.data.id === item.id) {
+				this.itemName = item.name
+			}
         })
 
         // Autofocus after newly created folder
-        events.$on('newFolder:focus', (id) => {
+        events.$on('newFolder:focus', id => {
             if (!this.$isMobile() && this.entry.data.id === id) {
                 this.$refs.name.focus()
                 document.execCommand('selectAll')

resources/js/components/FilesView/Option.vue

@@ -1,6 +1,6 @@
 <template>
     <li
-        class="flex items-center justify-between py-4 px-5 lg:py-2.5 xl:py-3 2xl:py-4"
+        class="flex items-center justify-between py-4 px-5 lg:py-3 2xl:py-4"
         :class="{
             'group cursor-pointer hover:bg-light-background dark:hover:bg-4x-dark-foreground': !isHoverDisabled,
         }"

resources/js/components/FilesView/TitlePreview.vue

@@ -8,7 +8,7 @@
             <file-icon v-if="icon === 'file'" class="text-theme vue-feather" size="19" />
         </div>
         <div>
-            <b class="inline-block w-52 overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold leading-3 2xl:w-72">
+            <b class="inline-block w-52 overflow-hidden text-ellipsis whitespace-nowrap text-base font-bold 2xl:w-72">
                 {{ title }}
             </b>
             <small class="block text-xs font-bold text-gray-400">

resources/js/components/Others/TreeMenu.vue

@@ -32,7 +32,7 @@
             <!--Item label-->
             <b
                 @click="getFolder"
-                class="ml-3 inline-block overflow-x-hidden text-ellipsis whitespace-nowrap text-sm font-bold transition-all duration-150"
+                class="ml-3 inline-block overflow-x-hidden text-ellipsis whitespace-nowrap text-xs font-bold transition-all duration-150"
                 :class="{ 'text-theme': isSelectedItem }"
             >
                 {{ nodes.name }}
@@ -59,7 +59,7 @@ export default {
         UserPlusIcon,
         FolderIcon,
         UsersIcon,
-        'tree-node': () => import('./TreeMenuNavigator'),
+        'tree-node': () => import('./TreeMenu'),
     },
     computed: {
         ...mapGetters(['clipboard']),

resources/js/components/Subscription/RestrictionWarningBar.vue

@@ -0,0 +1,12 @@
+<template>
+    <div v-if="$store.getters.isLimitedUser" class="bg-red-500 py-1 text-center">
+        <router-link :to="{ name: 'Billing' }" class="text-xs font-bold text-white">
+            {{ $t('Your functionality is restricted. Please review your billing settings.') }}
+        </router-link>
+    </div>
+</template>
+<script>
+export default {
+    name: 'RestrictionWarningBar',
+}
+</script>