Merge pull request #1856 from nextcloud/artonge/fix/reload_view_on_layout_change

Update view when layout setting changes

src/components/File.vue

@@ -88,7 +88,6 @@ import VideoIcon from 'vue-material-design-icons/Video.vue'
 import { generateUrl } from '@nextcloud/router'
 import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
 
-import UserConfig from '../mixins/UserConfig.js'
 import { isCachedPreview } from '../services/PreviewService.js'
 
 export default {
@@ -98,7 +97,6 @@ export default {
 		Star,
 		VideoIcon,
 	},
-	mixins: [UserConfig],
 	inheritAttrs: false,
 	props: {
 		file: {

src/components/FilesListViewer.vue

@@ -67,7 +67,7 @@ import TiledLayout from '../components/TiledLayout/TiledLayout.vue'
 import { fetchFile } from '../services/fileFetcher.js'
 import VirtualScrolling from '../components/VirtualScrolling.vue'
 import EmptyBox from '../assets/Illustrations/empty.svg'
-import { loadState } from '@nextcloud/initial-state'
+import UserConfig from '../mixins/UserConfig.js'
 
 export default {
 	name: 'FilesListViewer',
@@ -80,6 +80,8 @@ export default {
 		VirtualScrolling,
 	},
 
+	mixins: [UserConfig],
+
 	props: {
 		// Array of file ids that should be rendered.
 		fileIds: {
@@ -136,7 +138,6 @@ export default {
 	data() {
 		return {
 			EmptyBox,
-			croppedLayout: loadState('photos', 'croppedLayout', 'false') === 'true',
 			placeholderFiles: Array(20).fill(0).map((_, index) => {
 				const height = 200
 				const width = this.croppedLayout ? height : height * (1 + Math.random() * 2)