Show notification and filter users after creating a new user

frontend/src/lib/components/Users/CreateUser.svelte

@@ -2,7 +2,7 @@
   import PasswordStrengthMeter from '$lib/components/PasswordStrengthMeter.svelte';
   import { SubmitButton, FormError, Input, Form, ProtectedForm, isEmail, lexSuperForm, passwordFormRules, DisplayLanguageSelect } from '$lib/forms';
   import t, { getLanguageCodeFromNavigator, locale } from '$lib/i18n';
-  import { type RegisterResponse } from '$lib/user';
+  import { type LexAuthUser, type RegisterResponse } from '$lib/user';
   import { getSearchParamValues } from '$lib/util/query-params';
   import { createEventDispatcher, onMount } from 'svelte';
   import { usernameRe } from '$lib/user';
@@ -13,7 +13,9 @@
   export let submitButtonText = $t('register.button_register');
   export let handleSubmit: (password: string, passwordStrength: number, name: string, email: string, locale: string, turnstileToken: string) => Promise<RegisterResponse>;
 
-  const dispatch = createEventDispatcher();
+  const dispatch = createEventDispatcher<{
+    submitted: LexAuthUser,
+  }>();
 
   type RegisterPageQueryParams = {
     name: string;
@@ -46,15 +48,15 @@
         $message = $t('turnstile.invalid');
       }
       if (error.accountExists) {
-        $errors.email = [$t('register.account_exists')];
+        $errors.email = [validateAsEmail($form.email) ? $t('register.account_exists_email') : $t('register.account_exists_login')];
       }
       if (error.invalidInput) {
         $errors.email = [validateAsEmail($form.email) ? $t('form.invalid_email') : $t('register.invalid_username')];
       }
       return;
     }
     if (user) {
-      dispatch('submitted');
+      dispatch('submitted', user);
       return;
     }
     throw new Error('Unknown error, no error from server, but also no user.');

frontend/src/lib/components/Users/CreateUserModal.svelte

@@ -2,11 +2,16 @@
   import { Modal } from '$lib/components/modals';
   import t from '$lib/i18n';
   import { helpLinks } from '$lib/components/help';
-  import { type RegisterResponse } from '$lib/user';
+  import { type LexAuthUser, type RegisterResponse } from '$lib/user';
   import CreateUser from '$lib/components/Users/CreateUser.svelte';
   import Markdown from 'svelte-exmarkdown';
   import { NewTabLinkRenderer } from '$lib/components/Markdown';
   import Icon from '$lib/icons/Icon.svelte';
+  import { createEventDispatcher } from 'svelte';
+
+  const dispatch = createEventDispatcher<{
+    submitted: LexAuthUser,
+  }>();
 
   let createUserModal: Modal;
   export let handleSubmit: (password: string, passwordStrength: number, name: string, email: string, locale: string, turnstileToken: string) => Promise<RegisterResponse>;
@@ -35,7 +40,10 @@
   </div>
   <h1 class="text-center text-xl">{$t('admin_dashboard.create_user_modal.create_user')}</h1>
   <CreateUser {handleSubmit} allowUsernames skipTurnstile
-    on:submitted={() => createUserModal.submitModal()}
+    on:submitted={(event) => {
+      createUserModal.submitModal();
+      dispatch('submitted', event.detail);
+    }}
     submitButtonText={$t('admin_dashboard.create_user_modal.create_user')}
   />
 </Modal>

frontend/src/lib/i18n/locales/en.json

@@ -19,6 +19,7 @@
     "notifications": {
       "user_deleted": "{name} has been deleted.",
       "user_updated": "{name} has been updated.",
+      "user_created": "{name} has been created.",
       "email_need_verification": "You've requested to change the e-mail address for {name} to {requestedEmail}. The change will only come into effect when the user verifies the new address. They can do so using the link in the e-mail we just sent them."
     },
     "user_is_locked": "This user is locked. They cannot log in or Send/Receive until an administrator unlocks them.",
@@ -388,7 +389,8 @@ If you don't see a dialog or already closed it, click the button below:",
   },
   "register": {
     "title": "Register",
-    "account_exists": "An account with this email already exists",
+    "account_exists_email": "An account with this email already exists",
+    "account_exists_login": "An account with this login/username already exists",
     "invalid_username": "Invalid login/username. Only letters, numbers, and underscore (_) characters are allowed.",
     "button_register": "Register",
     "label_email": "Email",

frontend/src/routes/(authenticated)/admin/+page.svelte

@@ -21,7 +21,7 @@
   import { Button } from '$lib/forms';
   import { PageBreadcrumb } from '$lib/layout';
   import AdminTabs, { type AdminTabId } from './AdminTabs.svelte';
-  import { createGuestUserByAdmin } from '$lib/user';
+  import { createGuestUserByAdmin, type LexAuthUser } from '$lib/user';
   import CreateUserModal from '$lib/components/Users/CreateUserModal.svelte';
   import type { Confidentiality } from '$lib/components/Projects';
 
@@ -100,6 +100,11 @@
       }
     }
   }
+
+  function onUserCreated(user: LexAuthUser): void {
+    notifySuccess($t('admin_dashboard.notifications.user_created', { name: user.name }), Duration.Long);
+    $queryParamValues.userSearch = user.emailOrUsername;
+  }
 </script>
 
 <svelte:head>
@@ -247,5 +252,5 @@
   <EditUserAccount bind:this={formModal} {deleteUser} currUser={data.user} />
   <DeleteUserModal bind:this={deleteUserModal} i18nScope="admin_dashboard.form_modal.delete_user" />
   <UserModal bind:this={userModal}/>
-  <CreateUserModal handleSubmit={createGuestUserByAdmin} bind:this={createUserModal}/>
+  <CreateUserModal handleSubmit={createGuestUserByAdmin} on:submitted={(e) => onUserCreated(e.detail)} bind:this={createUserModal}/>
 </main>