From fdd3b9c35f38e7ec86eb38cb9cc231d8a91ae222 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Fri, 11 Jun 2021 12:18:37 +0200
Subject: [PATCH] Use address rendering in org success screen

---
 src/base/orgs/Create.svelte | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/base/orgs/Create.svelte b/src/base/orgs/Create.svelte
index 3c29d9376..277e5d86c 100644
--- a/src/base/orgs/Create.svelte
+++ b/src/base/orgs/Create.svelte
@@ -8,6 +8,7 @@
   import type { Config } from '@app/config';
   import Loading from '@app/Loading.svelte';
   import Options from '@app/Options.svelte';
+  import Address from '@app/Address.svelte';
 
   export let config: Config;
   export let owner: string;
@@ -64,6 +65,20 @@
   };
 </script>
 
+<style>
+  .fields {
+    display: grid;
+    grid-template-columns: 1fr 7fr;
+    grid-gap: 0.5rem 2rem;
+  }
+  .fields > span {
+    justify-self: start;
+    align-self: center;
+    height: 2rem;
+    line-height: 2rem;
+  }
+</style>
+
 {#if error}
   <Error {error} floating on:close />
 {:else if org} <!-- Org created -->
@@ -77,10 +92,13 @@
     </span>
 
     <span slot="body">
-      <table>
-        <tr><td class="label">Address</td><td>{org.address}</td></tr>
-        <tr><td class="label">Owner</td><td>{org.owner}</td></tr>
-      </table>
+      <div class="fields">
+        <span class="label">Address</span>
+        <span><Address address={org.address} {config} /></span>
+
+        <span class="label">Owner</span>
+        <span><Address address={org.owner} {config} /></span>
+      </div>
     </span>
 
     <span slot="actions">