From d6c039935a4e34c949288a851d7a5cecd3564387 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sat, 3 Dec 2022 12:14:19 +0100
Subject: [PATCH] resources improvements

---
 .../lib/components/IconedResourceType.svelte  |  4 +-
 frontend/src/lib/components/icons/Mail.svelte | 62 +++----------------
 frontend/src/routes/resources.svelte          | 10 ++-
 3 files changed, 20 insertions(+), 56 deletions(-)

diff --git a/frontend/src/lib/components/IconedResourceType.svelte b/frontend/src/lib/components/IconedResourceType.svelte
index 766d9f9d04..3f295b1671 100644
--- a/frontend/src/lib/components/IconedResourceType.svelte
+++ b/frontend/src/lib/components/IconedResourceType.svelte
@@ -14,7 +14,9 @@
 		{name}
 	{/if}
 	{#if APP_TO_ICON_COMPONENT[name]}
-		<svelte:component this={APP_TO_ICON_COMPONENT[name]} {height} {width} />
+		<span class="text-gray-700">
+			<svelte:component this={APP_TO_ICON_COMPONENT[name]} {height} {width} />
+		</span>
 	{:else}
 		<span style="width: {width}" class="bg-gray-100 rounded-full" />
 	{/if}
diff --git a/frontend/src/lib/components/icons/Mail.svelte b/frontend/src/lib/components/icons/Mail.svelte
index 33f5cc7f90..ea112f8f8d 100644
--- a/frontend/src/lib/components/icons/Mail.svelte
+++ b/frontend/src/lib/components/icons/Mail.svelte
@@ -4,60 +4,16 @@
 </script>
 
 <svg
-	version="1.1"
-	id="Layer_1"
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="30 0 40 40"
-	overflow="visible"
-	xml:space="preserve"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	><rect x="2" y="4" width="20" height="16" rx="2" /><path
+		d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"
+	/></svg
 >
-	<g id="Layer_2">
-		<path
-			id="path3484"
-			opacity="0.5734"
-			fill="#888A85"
-			stroke="#888A85"
-			stroke-width="0.9"
-			enable-background="new    "
-			d="
-		M62.123,34.953c0.002,2.125-5.606,3.849-12.525,3.849c-6.919,0-12.527-1.724-12.525-3.849c-0.001-2.127,5.606-3.852,12.525-3.852
-		C56.517,31.102,62.124,32.826,62.123,34.953z"
-		/>
-		<g>
-			<path
-				id="path2260_1_"
-				fill="#00AAD4"
-				stroke="#111535"
-				stroke-width="0.945"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				d="
-			M65.049,20.847c0,8.567-6.946,15.514-15.513,15.514c-8.568,0-15.515-6.945-15.515-15.514S40.967,5.333,49.536,5.333
-			C58.103,5.333,65.049,12.278,65.049,20.847L65.049,20.847z"
-			/>
-
-			<path
-				id="path2262_1_"
-				fill="#497FC6"
-				stroke="#3FAFF2"
-				stroke-width="0.9144"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				d="
-			M64.65,20.778c0,8.291-6.721,15.01-15.012,15.01s-15.013-6.72-15.013-15.01S41.348,5.766,49.639,5.766S64.65,12.487,64.65,20.778
-			L64.65,20.778z"
-			/>
-			<path
-				id="path2268_1_"
-				fill="#80E5FF"
-				fill-opacity="0.2157"
-				d="M63.994,20.154c0,8.082-4.517-3.213-13.935,0.289
-			c-9.493,3.529-15.347,7.794-15.347-0.289c0-8.083,6.56-14.641,14.642-14.641C57.437,5.514,63.994,12.073,63.994,20.154z"
-			/>
-		</g>
-		<rect id="rect2232" x="39.589" y="15.324" fill="#FFFFFF" width="19.737" height="11.026" />
-		<path id="line" fill="none" stroke="#497FC6" d="M39.339,15.074l10.391,6l9.863-5.694" />
-	</g>
-</svg>
diff --git a/frontend/src/routes/resources.svelte b/frontend/src/routes/resources.svelte
index cc5f15ab69..f539c849e2 100644
--- a/frontend/src/routes/resources.svelte
+++ b/frontend/src/routes/resources.svelte
@@ -478,17 +478,23 @@
 									></td
 								>
 								<td>
-									{#if canWrite}
+									{#if $userStore?.is_admin}
 										<Button
 											size="sm"
 											color="red"
 											variant="border"
 											startIcon={{ icon: faTrash }}
 											on:click={() => handleDeleteResourceType(name)}
-											disabled={!($userStore?.is_admin || false)}
 										>
 											Delete
 										</Button>
+									{:else}
+										<Badge
+											>Non Editable <Tooltip
+												>Since resource types are shared with the whole workspace. Only admins can
+												edit/delete resource types</Tooltip
+											></Badge
+										>
 									{/if}
 								</td>
 							</tr>