From feeb14ea47a90b0b50780142fd324afe2aec5340 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Wed, 7 Sep 2022 10:49:49 +0200
Subject: [PATCH] fix: edgedb ui

---
 .../src/lib/components/svg/databases/DatabaseIcons.svelte  | 2 ++
 apps/ui/src/lib/components/svg/databases/EdgeDB.svelte     | 4 ++--
 .../ui/src/routes/databases/[id]/_Databases/_EdgeDB.svelte | 7 ++++---
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/ui/src/lib/components/svg/databases/DatabaseIcons.svelte b/apps/ui/src/lib/components/svg/databases/DatabaseIcons.svelte
index 1ef5271c4..4a00860af 100644
--- a/apps/ui/src/lib/components/svg/databases/DatabaseIcons.svelte
+++ b/apps/ui/src/lib/components/svg/databases/DatabaseIcons.svelte
@@ -16,4 +16,6 @@
 	<Icons.Redis {isAbsolute} />
 {:else if type === 'couchdb'}
 	<Icons.CouchDB {isAbsolute} />
+{:else if type === 'edgedb'}
+	<Icons.EdgeDB {isAbsolute} />
 {/if}
diff --git a/apps/ui/src/lib/components/svg/databases/EdgeDB.svelte b/apps/ui/src/lib/components/svg/databases/EdgeDB.svelte
index 25b705c2c..57fdebed5 100644
--- a/apps/ui/src/lib/components/svg/databases/EdgeDB.svelte
+++ b/apps/ui/src/lib/components/svg/databases/EdgeDB.svelte
@@ -3,9 +3,9 @@
 </script>
 
 <svg
-	class={isAbsolute ? 'absolute top-0 left-0 -m-4 h-16 w-16' : 'mx-auto w-12 h-12'}
+	class={isAbsolute ? 'absolute top-0 left-0 -m-8 h-16 w-16' : 'mx-auto w-12 h-12'}
 	width="88"
-	fill="#b3b3b3"
+	fill="#1F8AED"
 	height="101"
 	viewBox="0 -15 88 101"
 	><path
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_EdgeDB.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_EdgeDB.svelte
index 6007ed023..bbbc031b2 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_EdgeDB.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_EdgeDB.svelte
@@ -2,8 +2,8 @@
 	export let database: any;
 	import { status } from '$lib/store';
 	import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
-	import Explainer from '$lib/components/Explainer.svelte';
 	import { t } from '$lib/translations';
+	import Explainer from '$lib/components/Explainer.svelte';
 </script>
 
 <div class="flex space-x-1 py-5 font-bold">
@@ -37,7 +37,9 @@
 	</div>
 	<div class="grid grid-cols-2 items-center">
 		<label for="rootUser" class="text-base font-bold text-stone-100"
-			>Root (edgedb) User Password</label
+			>Root Password <Explainer
+				explanation="Could be changed while the database is running."
+			/></label
 		>
 		<CopyPasswordField
 			disabled={!$status.database.isRunning}
@@ -48,6 +50,5 @@
 			name="rootUserPassword"
 			bind:value={database.rootUserPassword}
 		/>
-		<Explainer text="Could be changed while the database is running." />
 	</div>
 </div>