Merge pull request #1965 from nextcloud/fix/icon

nextcloud · Sep 5, 2023 · c0388d0 · c0388d0
2 parents 294fefc + ab3de5a
commit c0388d0
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 4 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -42,6 +42,7 @@
   },
   "dependencies": {
     "@fontsource/roboto": "^5.0.8",
+    "@mdi/svg": "^7.2.96",
     "@nextcloud/auth": "^2.1.0",
     "@nextcloud/axios": "^2.1.0",
     "@nextcloud/dialogs": "^4.2.0-beta.4",

diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
@@ -203,6 +203,7 @@ import logger from '../services/logger.js'
 
 import Delete from 'vue-material-design-icons/Delete.vue'
 import Download from 'vue-material-design-icons/Download.vue'
+import EyeSvg from '@mdi/svg/svg/eye.svg?raw'
 import Fullscreen from 'vue-material-design-icons/Fullscreen.vue'
 import FullscreenExit from 'vue-material-design-icons/FullscreenExit.vue'
 import Pencil from 'vue-material-design-icons/Pencil.vue'
@@ -920,7 +921,7 @@ export default {
 					displayName() {
 						return t('viewer', 'View')
 					},
-					iconSvgInline: () => '',
+					iconSvgInline: () => EyeSvg,
 					default: DefaultType.DEFAULT,
 					enabled: (nodes) => {
 						return nodes.filter((node) => node.permissions & Permission.READ

diff --git a/webpack.config.ts b/webpack.config.ts
@@ -29,6 +29,11 @@ webpackRules.RULE_JS.exclude = BabelLoaderExcludeNodeModulesExcept([
 	'toastify-js',
 ])
 
+webpackRules.RULE_SVG = {
+	resourceQuery: /raw/,
+	type: 'asset/source',
+}
+
 // Replaces rules array
 webpackConfig.module.rules = Object.values(webpackRules)