From 982b20c063ed6a9530e8714c7ae4ec2a045cb3d5 Mon Sep 17 00:00:00 2001
From: Florian Steffens <florian.steffens@nextcloud.com>
Date: Wed, 22 Nov 2023 11:33:38 +0100
Subject: [PATCH 1/2] design(icons): new app icon

Signed-off-by: Florian Steffens <florian.steffens@nextcloud.com>
---
 img/app-dark.svg | 13 +------------
 img/app.svg      | 13 +------------
 2 files changed, 2 insertions(+), 24 deletions(-)

diff --git a/img/app-dark.svg b/img/app-dark.svg
index 6499627ed2..14337fe6a9 100644
--- a/img/app-dark.svg
+++ b/img/app-dark.svg
@@ -1,12 +1 @@
-<svg fill="#000" version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 415 415" style="enable-background:new 415 415 415 415;">
-	<rect x="150" y="115" width="120" height="60" />
-	<rect x="150" y="315" width="120" height="60" />
-	<rect x="300" y="115" width="120" height="60" />
-	<rect x="150" y="215" width="120" height="60" />
-	<rect x="0" y="215" width="120" height="60" />
-	<rect x="300" y="315" width="120" height="60" />
-	<rect x="300" y="215" width="120" height="60" />
-	<rect y="315" width="120" height="60" />
-	<rect x="0" y="115" width="120" height="60" />
-	<rect y="15" width="415" height="50" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" /></svg>
\ No newline at end of file
diff --git a/img/app.svg b/img/app.svg
index 4b10e9c698..2572490e4f 100644
--- a/img/app.svg
+++ b/img/app.svg
@@ -1,12 +1 @@
-<svg fill="#fff" version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 415 415" style="enable-background:new 415 415 415 415;">
-	<rect x="150" y="115" width="120" height="60" />
-	<rect x="150" y="315" width="120" height="60" />
-	<rect x="300" y="115" width="120" height="60" />
-	<rect x="150" y="215" width="120" height="60" />
-	<rect x="0" y="215" width="120" height="60" />
-	<rect x="300" y="315" width="120" height="60" />
-	<rect x="300" y="215" width="120" height="60" />
-	<rect y="315" width="120" height="60" />
-	<rect x="0" y="115" width="120" height="60" />
-	<rect y="15" width="415" height="50" />
-</svg>
+<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" /></svg>
\ No newline at end of file

From 29f7416dba848db5e922373c9b056ab896615046 Mon Sep 17 00:00:00 2001
From: Florian Steffens <florian.steffens@nextcloud.com>
Date: Wed, 22 Nov 2023 12:52:07 +0100
Subject: [PATCH 2/2] design(icons): add new icon to js sources and replace old
 ones

Signed-off-by: Florian Steffens <florian.steffens@nextcloud.com>
---
 src/icons/TablesIcon.vue               | 49 ------------------
 src/shared/assets/icons/IconTables.vue | 70 ++------------------------
 src/views/LinkReferenceWidget.vue      |  2 +-
 3 files changed, 6 insertions(+), 115 deletions(-)
 delete mode 100644 src/icons/TablesIcon.vue

diff --git a/src/icons/TablesIcon.vue b/src/icons/TablesIcon.vue
deleted file mode 100644
index 08d3e3979b..0000000000
--- a/src/icons/TablesIcon.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-	<span :aria-hidden="!title"
-		:aria-label="title"
-		class="material-design-icon tables-icon"
-		role="img"
-		v-bind="$attrs"
-		@click="$emit('click', $event)">
-		<svg
-			:fill="fillColor"
-			:width="size"
-			:height="size"
-			enable-background="new 0 0 415 415"
-			version="1.1"
-			viewBox="0 0 415 415"
-			xml:space="preserve"
-			xmlns="http://www.w3.org/2000/svg">
-			<rect x="150" y="115" width="120" height="60" />
-			<rect x="150" y="315" width="120" height="60" />
-			<rect x="300" y="115" width="120" height="60" />
-			<rect x="150" y="215" width="120" height="60" />
-			<rect x="0" y="215" width="120" height="60" />
-			<rect x="300" y="315" width="120" height="60" />
-			<rect x="300" y="215" width="120" height="60" />
-			<rect y="315" width="120" height="60" />
-			<rect x="0" y="115" width="120" height="60" />
-			<rect y="15" width="415" height="50" />
-		</svg>
-	</span>
-</template>
-
-<script>
-export default {
-	name: 'TablesIcon',
-	props: {
-		title: {
-			type: String,
-			default: '',
-		},
-		fillColor: {
-			type: String,
-			default: 'currentColor',
-		},
-		size: {
-			type: Number,
-			default: 24,
-		},
-	},
-}
-</script>
diff --git a/src/shared/assets/icons/IconTables.vue b/src/shared/assets/icons/IconTables.vue
index fc436a77c9..71efc1ee2f 100644
--- a/src/shared/assets/icons/IconTables.vue
+++ b/src/shared/assets/icons/IconTables.vue
@@ -5,73 +5,13 @@
 		role="img"
 		v-bind="$attrs"
 		@click="$emit('click', $event)">
-		<svg version="1.0"
-			xmlns="http://www.w3.org/2000/svg"
-			xmlns:xlink="http://www.w3.org/1999/xlink"
+		<svg
 			:fill="fillColor"
-			:height="size"
 			:width="size"
-			viewBox="0 0 415 415">
-			<g>
-				<g>
-					<rect x="150"
-						y="115"
-						width="120"
-						height="60" />
-				</g>
-				<g>
-					<rect x="150"
-						y="315"
-						width="120"
-						height="60" />
-				</g>
-				<g>
-					<rect x="300"
-						y="115"
-						width="120"
-						height="60" />
-				</g>
-				<g>
-					<rect x="150"
-						y="215"
-						width="120"
-						height="60" />
-				</g>
-				<g>
-					<rect x="0"
-						y="215"
-						width="120"
-						height="60" />
-				</g>
-				<g>
-					<rect x="300"
-						y="315"
-						width="120"
-						height="60" />
-				</g>
-				<g>
-					<rect x="300"
-						y="215"
-						width="120"
-						height="60" />
-				</g>
-				<g>
-					<rect y="315"
-						width="120"
-						height="60" />
-				</g>
-				<g>
-					<rect x="0"
-						y="115"
-						width="120"
-						height="60" />
-				</g>
-				<g>
-					<rect y="15"
-						width="415"
-						height="50" />
-				</g>
-			</g>
+			:height="size"
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 24 24">
+			<path d="M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" />
 		</svg>
 	</span>
 </template>
diff --git a/src/views/LinkReferenceWidget.vue b/src/views/LinkReferenceWidget.vue
index 01b8f3f425..c2cfcb7ace 100644
--- a/src/views/LinkReferenceWidget.vue
+++ b/src/views/LinkReferenceWidget.vue
@@ -48,7 +48,7 @@
 </template>
 
 <script>
-import IconTables from '../icons/TablesIcon.vue'
+import IconTables from '../shared/assets/icons/IconTables.vue'
 import IconView from 'vue-material-design-icons/Text.vue'
 import { NcUserBubble, NcCounterBubble } from '@nextcloud/vue'
 import { translatePlural as n } from '@nextcloud/l10n'