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'; import { Input } from '../ui/input';
export default function ProfilePictureUpload() { export default function ProfilePictureUpload({
className,
}: {
className?: string;
}) {
const { data } = useGetApiUserMe(); const { data } = useGetApiUserMe();
return ( return (
<> <>
<div className='grid grid-cols-1 gap-1'> <div className='grid grid-cols-1 gap-1'>
<span className='relative flex space-6'> <span className='relative flex space-6'>
<Input <Input
className={className}
id='pic-upload' id='pic-upload'
type='file' type='file'
defaultValue={data?.data.user.image ?? undefined} 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'> <CardContent className='space-y-6 mt-2'>
<GroupWrapper title='General Settings'> <GroupWrapper title='General Settings'>
<div className='space-y-4'> <div className='space-y-4'>
<GroupWrapper> <div>
<div className='flex items-center justify-evenly sm:flex-row flex-col gap-6'> <LabeledInput
<div> label='First Name'
<LabeledInput type='text'
label='First Name' placeholder='First Name'
type='text' defaultValue={data?.data.user.first_name ?? ''}
placeholder='First Name' ></LabeledInput>
defaultValue={data?.data.user.first_name ?? ''} </div>
></LabeledInput> <div>
</div> <LabeledInput
<div> label='Last Name'
<LabeledInput type='text'
label='Last Name' placeholder='Last Name'
type='text' defaultValue={data?.data.user.last_name ?? ''}
placeholder='Last Name' ></LabeledInput>
defaultValue={data?.data.user.last_name ?? ''} </div>
></LabeledInput>
</div>
</div>
</GroupWrapper>
<div className='space-y-2'> <div className='space-y-2'>
<LabeledInput <LabeledInput
label='Display Name' label='Display Name'
@ -121,7 +117,7 @@ export default function SettingsPage() {
</GroupWrapper> </GroupWrapper>
<GroupWrapper title='Profile Picture'> <GroupWrapper title='Profile Picture'>
<div className='space-y-2 grid grid-cols-[1fr_auto]'> <div className='space-y-2 grid grid-cols-[1fr_auto]'>
<ProfilePictureUpload /> <ProfilePictureUpload className='file:border file:rounded-xl' />
</div> </div>
</GroupWrapper> </GroupWrapper>
<GroupWrapper title='Regional Settings'> <GroupWrapper title='Regional Settings'>
@ -151,7 +147,7 @@ export default function SettingsPage() {
</div> </div>
</GroupWrapper> </GroupWrapper>
<div className='flex items-center justify-evenly sm:flex-row flex-col gap-6'> <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'> <span className='text-sm text-muted-foreground pt-1'>
Permanently delete your account and all associated data. Permanently delete your account and all associated data.
</span> </span>