DHBW-WE/MeetUp
5
0
Fork 0
Code Issues 7 Pull requests 5 Projects 1 Releases 5 Packages 1 Wiki Activity Actions

feat: tempcommit

Browse source
This commit is contained in:
Maximilian Liebmann 2025-06-27 22:24:38 +02:00
parent 0c260820e2
commit bf4f0b61ed
2 changed files with 24 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/misc/profile-picture-upload.tsx
View file

@ -5,13 +5,18 @@ import { User } from 'lucide-react';
import { Input } from '../ui/input';
export default function ProfilePictureUpload() {
export default function ProfilePictureUpload({
className,
}: {
className?: string;
}) {
const { data } = useGetApiUserMe();
return (
<>
<div className='grid grid-cols-1 gap-1'>
<span className='relative flex space-6'>
<Input
className={className}
id='pic-upload'
type='file'
defaultValue={data?.data.user.image ?? undefined}

40
src/components/misc/settings-page.tsx
View file

@ -49,26 +49,22 @@ export default function SettingsPage() {
<CardContent className='space-y-6 mt-2'>
<GroupWrapper title='General Settings'>
<div className='space-y-4'>
<GroupWrapper>
<div className='flex items-center justify-evenly sm:flex-row flex-col gap-6'>
<div>
<LabeledInput
label='First Name'
type='text'
placeholder='First Name'
defaultValue={data?.data.user.first_name ?? ''}
></LabeledInput>
</div>
<div>
<LabeledInput
label='Last Name'
type='text'
placeholder='Last Name'
defaultValue={data?.data.user.last_name ?? ''}
></LabeledInput>
</div>
</div>
</GroupWrapper>
<div>
<LabeledInput
label='First Name'
type='text'
placeholder='First Name'
defaultValue={data?.data.user.first_name ?? ''}
></LabeledInput>
</div>
<div>
<LabeledInput
label='Last Name'
type='text'
placeholder='Last Name'
defaultValue={data?.data.user.last_name ?? ''}
></LabeledInput>
</div>
<div className='space-y-2'>
<LabeledInput
label='Display Name'
@ -121,7 +117,7 @@ export default function SettingsPage() {
</GroupWrapper>
<GroupWrapper title='Profile Picture'>
<div className='space-y-2 grid grid-cols-[1fr_auto]'>
<ProfilePictureUpload />
<ProfilePictureUpload className='file:border file:rounded-xl' />
</div>
</GroupWrapper>
<GroupWrapper title='Regional Settings'>
@ -151,7 +147,7 @@ export default function SettingsPage() {
</div>
</GroupWrapper>
<div className='flex items-center justify-evenly sm:flex-row flex-col gap-6'>
<Button variant='secondary'>Delete Account</Button>
<Button variant='destructive'>Delete Account</Button>
<span className='text-sm text-muted-foreground pt-1'>
Permanently delete your account and all associated data.
</span>