From c29024bb23f36968d0bf7f02f30ff99d366ec6ba Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Tue, 9 Nov 2021 19:22:10 +0100
Subject: [PATCH] Add icons to account page

---
 src/assets/views/auth/account/NamePanel.svelte     | 8 ++++++--
 src/assets/views/auth/account/PasswordPanel.svelte | 6 +++---
 src/assets/views/auth/account/account.svelte       | 2 +-
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/assets/views/auth/account/NamePanel.svelte b/src/assets/views/auth/account/NamePanel.svelte
index 466b67b..6948cf1 100644
--- a/src/assets/views/auth/account/NamePanel.svelte
+++ b/src/assets/views/auth/account/NamePanel.svelte
@@ -15,13 +15,17 @@
         <Form action={$locals.route('change-name')}
               submitIcon="save" submitText="Change my name {newName.length > 0 ? 'to ' + newName : ''}"
               confirm="Are you sure you want to change your name to {newName}?">
-            <Field type="text" name="name" placeholder="New name" required bind:value={newName}/>
+            <Field type="text" name="name" icon="user" placeholder="New name" required bind:value={newName}/>
 
             <Field type="checkbox" name="terms"
                    placeholder="I understand that I can only change my name once every {$locals.name_change_wait_period}"
                    required/>
+
+            <Field type="checkbox" name="terms2"
+                   placeholder="I understand that my old name {$locals.user.name} will become available for anyone to take"
+                   required/>
         </Form>
     {:else}
-        <Message type="info" content="You can change your name in {$locals.can_change_name_in}"/>
+        <Message type="info" content="You will be able to change your name in {$locals.can_change_name_in}" sticky discreet/>
     {/if}
 </section>
diff --git a/src/assets/views/auth/account/PasswordPanel.svelte b/src/assets/views/auth/account/PasswordPanel.svelte
index 49424ed..2c0b75c 100644
--- a/src/assets/views/auth/account/PasswordPanel.svelte
+++ b/src/assets/views/auth/account/PasswordPanel.svelte
@@ -19,12 +19,12 @@
         <Form action={$locals.route('change-password')}
               submitIcon="save" submitText="Set password">
             {#if $locals.has_password}
-                <Field type="password" name="current_password" placeholder="Current password"/>
+                <Field type="password" name="current_password" icon="key" placeholder="Current password"/>
                 <button type="button" on:click={() => removePasswordMode = true}>Forgot your password?</button>
             {/if}
 
-            <Field type="password" name="new_password" placeholder="New password" required/>
-            <Field type="password" name="new_password_confirmation" placeholder="New password confirmation" required/>
+            <Field type="password" name="new_password" icon="key" placeholder="New password" required/>
+            <Field type="password" name="new_password_confirmation" icon="key" placeholder="New password confirmation" required/>
         </Form>
     {/if}
 </section>
diff --git a/src/assets/views/auth/account/account.svelte b/src/assets/views/auth/account/account.svelte
index e01c34d..c50c895 100644
--- a/src/assets/views/auth/account/account.svelte
+++ b/src/assets/views/auth/account/account.svelte
@@ -89,7 +89,7 @@
                   submitIcon="plus" submitText="Add email address">
                 <h3>Add an email address:</h3>
 
-                <Field type="email" name="email" placeholder="Choose a safe email address"
+                <Field type="email" name="email" icon="at-sign" placeholder="Choose a safe email address"
                        hint="An email address we can use to identify you in case you lose access to your account"
                        required/>
             </Form>