forked from Cutlery/immich
e116f17c43
* refactoring * refactor * fix naming * Added animation * add user setting page * Add skeleton for user setting page * styling * styling * Spelling
28 lines
716 B
Svelte
28 lines
716 B
Svelte
<script lang="ts">
|
|
import { UserResponseDto } from '@api';
|
|
import SettingAccordion from '../admin-page/settings/setting-accordion.svelte';
|
|
import SettingInputField, {
|
|
SettingInputFieldType
|
|
} from '../admin-page/settings/setting-input-field.svelte';
|
|
|
|
export let user: UserResponseDto;
|
|
</script>
|
|
|
|
<SettingAccordion title="User profile" subtitle="Manage the user information">
|
|
<section class="my-4">
|
|
<SettingInputField
|
|
inputType={SettingInputFieldType.TEXT}
|
|
label="First name"
|
|
bind:value={user.firstName}
|
|
required={true}
|
|
/>
|
|
|
|
<SettingInputField
|
|
inputType={SettingInputFieldType.TEXT}
|
|
label="Last name"
|
|
bind:value={user.lastName}
|
|
required={true}
|
|
/>
|
|
</section>
|
|
</SettingAccordion>
|