TypedAvatar.vue colored background

resources/js/components/FilesView/InfoSidebar.vue

@@ -38,13 +38,6 @@
 				:content="singleFile.data.attributes.filesize"
 			/>
 
-			<!--Participant-->
-<!--            <ListInfoItem
-				v-if="$checkPermission(['master']) && singleFile.author !== 'user'"
-				:title="$t('file_detail.author')"
-				:content="$t('file_detail.author_participant')"
-			/>-->
-
 			<!--Created At-->
             <ListInfoItem
 				:title="$t('file_detail.created_at')"
@@ -62,6 +55,17 @@
                 </div>
             </ListInfoItem>
 
+			<!--Location-->
+            <ListInfoItem
+				v-if="singleFile.data.attributes.isTeamFolder"
+				:title="$t('Shared with the Team')"
+			>
+                <div class="action-button" @click="$updateTeamFolder(singleFile)">
+                    <TeamMembersPreview :folder="singleFile" :avatar-size="32" />
+                    <edit-2-icon size="10" class="edit-icon" />
+                </div>
+            </ListInfoItem>
+
 			<!--Shared-->
             <ListInfoItem
 				v-if="$checkPermission('master') && singleFile.data.relationships.shared"
@@ -90,6 +94,7 @@
 </template>
 
 <script>
+	import TeamMembersPreview from "../Teams/Components/TeamMembersPreview"
 	import FilePreviewDetail from '/resources/js/components/Others/FilePreviewDetail'
     import {Edit2Icon, LockIcon, UnlockIcon} from 'vue-feather-icons'
 	import ImageMetaData from '/resources/js/components/FilesView/ImageMetaData'
@@ -104,6 +109,7 @@
 	export default {
 		name: 'InfoSidebar',
 		components: {
+			TeamMembersPreview,
 			FilePreviewDetail,
 			ImageMetaData,
 			EmptyMessage,