From b937d4ada3e5b2afb0324d0c6a6f18e970119d24 Mon Sep 17 00:00:00 2001
From: Nitwel <nitwel@arcor.de>
Date: Thu, 15 Oct 2020 17:24:13 +0200
Subject: [PATCH] add deselect option to icon interface

---
 app/src/interfaces/icon/icon.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/src/interfaces/icon/icon.vue b/app/src/interfaces/icon/icon.vue
index e9d245bece..e9791ba2d1 100644
--- a/app/src/interfaces/icon/icon.vue
+++ b/app/src/interfaces/icon/icon.vue
@@ -13,7 +13,14 @@
 				</template>
 
 				<template #append>
-					<v-icon @click="activate" name="expand_more" class="open-indicator" :class="{ open: active }" />
+					<v-icon v-if="value !== null" @click="setIcon(null)" name="close" />
+					<v-icon
+						v-else
+						@click="activate"
+						name="expand_more"
+						class="open-indicator"
+						:class="{ open: active }"
+					/>
 				</template>
 			</v-input>
 		</template>
@@ -83,7 +90,7 @@ export default defineComponent({
 			formatTitle,
 		};
 
-		function setIcon(icon: string) {
+		function setIcon(icon: string | null) {
 			emit('input', icon);
 		}
 	},