c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-04 02:46:47 +01:00
Code Releases Activity

Fixed error handling with catch block

Browse source
This commit is contained in:
Alex Tran 2022-08-12 22:29:24 -05:00
parent a388c5a642
commit 87d2a954a3
No known key found for this signature in database
GPG key ID: E4954BC787B85C8A
1 changed files with 101 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
web/src/lib/components/forms/edit-user-form.svelte
View file

@ -12,72 +12,92 @@
// eslint-disable-next-line no-undef // eslint-disable-next-line no-undef
const editUser = async (event: SubmitEvent) => { const editUser = async (event: SubmitEvent) => {
try {
const formElement = event.target as HTMLFormElement; const formElement = event.target as HTMLFormElement;
const form = new FormData(formElement); const form = new FormData(formElement);
const firstName = form.get('firstName'); const firstName = form.get('firstName');
const lastName = form.get('lastName'); const lastName = form.get('lastName');
const { status } = await api.userApi.updateUser({
const {status} = await api.userApi.updateUser({
id: user.id, id: user.id,
firstName: firstName.toString(), firstName: firstName!.toString(),
lastName: lastName.toString() lastName: lastName!.toString()
}).catch(e => console.log("Error updating user ", e)); });
if (status == 200) { if (status == 200) {
dispatch('edit-success'); dispatch('edit-success');
} }
} catch (e) {
console.log('Error updating user ', e);
} }
};
const resetPassword = async () => { const resetPassword = async () => {
const defaultPassword = 'password' try {
if (window.confirm('Do you want to reset the user password?')) {
const defaultPassword = 'password';
const {status} = await api.userApi.updateUser({ const { status } = await api.userApi.updateUser({
id: user.id, id: user.id,
password: defaultPassword, password: defaultPassword,
shouldChangePassword: true, shouldChangePassword: true
});
}).catch(e => console.log("Error updating user ", e));
if (status == 200) { if (status == 200) {
dispatch('reset-password-success'); dispatch('reset-password-success');
} }
} }
} catch (e) {
console.log('Error reseting user password', e);
}
};
</script> </script>
<div class="border bg-white p-4 shadow-sm w-[500px] rounded-3xl py-8"> <div class="border bg-white p-4 shadow-sm w-[500px] rounded-3xl py-8">
<div class="flex flex-col place-items-center place-content-center gap-4 px-4"> <div class="flex flex-col place-items-center place-content-center gap-4 px-4">
<!-- <img class="text-center" src="/immich-logo.svg" height="100" width="100" alt="immich-logo"/>--> <!-- <img class="text-center" src="/immich-logo.svg" height="100" width="100" alt="immich-logo"/>-->
<AccountEditOutline size="4em" color="#4250affe"/> <AccountEditOutline size="4em" color="#4250affe" />
<h1 class="text-2xl text-immich-primary font-medium">Edit user</h1> <h1 class="text-2xl text-immich-primary font-medium">Edit user</h1>
</div> </div>
<form on:submit|preventDefault={editUser} autocomplete="off"> <form on:submit|preventDefault={editUser} autocomplete="off">
<div class="m-4 flex flex-col gap-2"> <div class="m-4 flex flex-col gap-2">
<label class="immich-form-label" for="email">Email <label class="immich-form-label" for="email">Email (cannot change)</label>
(cannot change)</label> <input
<input class="immich-form-input disabled:bg-gray-200 hover:cursor-not-allowed" class="immich-form-input disabled:bg-gray-200 hover:cursor-not-allowed"
id="email" name="email" id="email"
type="email" disabled name="email"
bind:value={user.email}/> type="email"
disabled
bind:value={user.email}
/>
</div> </div>
<div class="m-4 flex flex-col gap-2"> <div class="m-4 flex flex-col gap-2">
<label class="immich-form-label" for="firstName">First Name</label> <label class="immich-form-label" for="firstName">First Name</label>
<input class="immich-form-input" id="firstName" name="firstName" type="text" required <input
bind:value={user.firstName}/> class="immich-form-input"
id="firstName"
name="firstName"
type="text"
required
bind:value={user.firstName}
/>
</div> </div>
<div class="m-4 flex flex-col gap-2"> <div class="m-4 flex flex-col gap-2">
<label class="immich-form-label" for="lastName">Last Name</label> <label class="immich-form-label" for="lastName">Last Name</label>
<input class="immich-form-input" id="lastName" name="lastName" type="text" required <input
bind:value={user.lastName}/> class="immich-form-input"
id="lastName"
name="lastName"
type="text"
required
bind:value={user.lastName}
/>
</div> </div>
{#if error} {#if error}
<p class="text-red-400 ml-4 text-sm">{error}</p> <p class="text-red-400 ml-4 text-sm">{error}</p>
{/if} {/if}
@ -86,18 +106,16 @@
<p class="text-immich-primary ml-4 text-sm">{success}</p> <p class="text-immich-primary ml-4 text-sm">{success}</p>
{/if} {/if}
<div class="flex w-full px-4 gap-4 mt-8"> <div class="flex w-full px-4 gap-4 mt-8">
<button on:click={resetPassword} <button
on:click={resetPassword}
class="flex-1 transition-colors bg-[#F9DEDC] hover:bg-red-50 text-[#410E0B] px-6 py-3 rounded-full w-full font-medium" class="flex-1 transition-colors bg-[#F9DEDC] hover:bg-red-50 text-[#410E0B] px-6 py-3 rounded-full w-full font-medium"
>Reset password >Reset password
</button </button>
>
<button <button
type="submit" type="submit"
class="flex-1 transition-colors bg-immich-primary hover:bg-immich-primary/75 px-6 py-3 text-white rounded-full shadow-md w-full font-medium" class="flex-1 transition-colors bg-immich-primary hover:bg-immich-primary/75 px-6 py-3 text-white rounded-full shadow-md w-full font-medium"
>Confirm >Confirm
</button </button>
>
</div> </div>
</form> </form>
</div> </div>