immich/web/src/lib/components/user-settings-page/user-settings-list.svelte

28 lines
716 B
Svelte
Raw Normal View History

<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>