diff --git a/src/Form.svelte b/src/Form.svelte index 0259c32b9..78fbe0a46 100644 --- a/src/Form.svelte +++ b/src/Form.svelte @@ -1,21 +1,21 @@ @@ -78,12 +78,12 @@
{#each fields as field}
- {field.label} + {capitalize(field.name)}
- +
{/each}
diff --git a/src/base/register/Registration.svelte b/src/base/register/Registration.svelte index ea59aef55..76087930b 100644 --- a/src/base/register/Registration.svelte +++ b/src/base/register/Registration.svelte @@ -19,16 +19,18 @@ .then(registration => { if (registration) { fields = [ - { label: "Address", type: "text", placeholder: "Not set", + { name: "address", placeholder: "Not set", value: registration.address, editable: true }, - { label: "Owner", type: "text", placeholder: "", + { name: "owner", placeholder: "", value: registration.owner, editable: false }, ]; } return registration; }); - const save = () => {}; + const save = (event: { detail: Field[] }) => { + console.log("Save", event.detail); + }; $: isOwner = (registration: Registration): boolean => { return registration.owner === ($session && $session.address); diff --git a/src/utils.ts b/src/utils.ts index e77162c24..6e49e4b60 100644 --- a/src/utils.ts +++ b/src/utils.ts @@ -10,3 +10,8 @@ export function formatAddress(addr: string) { + '...' + addr.substring(addr.length - 4, addr.length); } + +export function capitalize(s: string) { + if (s === "") return s; + return s[0].toUpperCase() + s.substr(1); +}