Merge pull request #7025 from LibreSign/backport/7023/stable33

[stable33] fix: use same grid/list view icons as files app

Author: vitormattos

src/tests/views/FilesList/FilesList.spec.ts

@@ -156,8 +156,8 @@ describe('FilesList.vue rendering rules', () => {
 		await flushPromises()
 
 		expect(wrapper.vm.mdiFolder).toBeTruthy()
-		expect(wrapper.vm.mdiViewGrid).toBeTruthy()
-		expect(wrapper.vm.mdiViewList).toBeTruthy()
+		expect(wrapper.vm.mdiViewGridOutline).toBeTruthy()
+		expect(wrapper.vm.mdiFormatListBulletedSquare).toBeTruthy()
 		expect(wrapper.vm.mdiChevronDown).toBeTruthy()
 		expect(wrapper.vm.mdiChevronUp).toBeTruthy()
 		expect(wrapper.vm.mdiReload).toBeTruthy()
@@ -265,7 +265,7 @@ describe('FilesList.vue rendering rules', () => {
 
 		const gridButton = wrapper.find('.files-list__header-grid-button')
 		const iconWithPath = gridButton.findAll('.nc-icon').find((node) => !!node.attributes('data-path'))
-		expect(iconWithPath?.attributes('data-path')).toBe(wrapper.vm.mdiViewGrid)
+		expect(iconWithPath?.attributes('data-path')).toBe(wrapper.vm.mdiViewGridOutline)
 	})
 
 	it('renders list toggle icon path when in grid mode', async () => {
@@ -279,6 +279,6 @@ describe('FilesList.vue rendering rules', () => {
 
 		const gridButton = wrapper.find('.files-list__header-grid-button')
 		const iconWithPath = gridButton.findAll('.nc-icon').find((node) => !!node.attributes('data-path'))
-		expect(iconWithPath?.attributes('data-path')).toBe(wrapper.vm.mdiViewList)
+		expect(iconWithPath?.attributes('data-path')).toBe(wrapper.vm.mdiFormatListBulletedSquare)
 	})
 })

src/views/FilesList/FilesList.vue

@@ -49,8 +49,8 @@
 				variant="tertiary"
 				@click="toggleGridView">
 				<template #icon>
-					<NcIconSvgWrapper v-if="userConfigStore.files_list_grid_view" :path="mdiViewList" />
-					<NcIconSvgWrapper v-else :path="mdiViewGrid" />
+					<NcIconSvgWrapper v-if="userConfigStore.files_list_grid_view" :path="mdiFormatListBulletedSquare" />
+					<NcIconSvgWrapper v-else :path="mdiViewGridOutline" />
 				</template>
 			</NcButton>
 		</div>
@@ -96,9 +96,9 @@ import {
 	mdiChevronDown,
 	mdiChevronUp,
 	mdiFolder,
+	mdiFormatListBulletedSquare,
 	mdiReload,
-	mdiViewGrid,
-	mdiViewList,
+	mdiViewGridOutline,
 } from '@mdi/js'
 
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
@@ -147,9 +147,9 @@ export default {
 			mdiChevronDown,
 			mdiChevronUp,
 			mdiFolder,
+			mdiFormatListBulletedSquare,
 			mdiReload,
-			mdiViewGrid,
-			mdiViewList,
+			mdiViewGridOutline,
 		}
 	},
 	data() {