Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

improve layout for allergy information #1206

Merged
merged 2 commits into from
Feb 3, 2025
Merged

improve layout for allergy information #1206

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0d3cb6b
style(Participant): improve layout and accessibility for allergy info…
yazanzarka1 Jan 30, 2025
db1ebbe
chore(CHANGELOG): update layout improvements for participant details …
yazanzarka1 Jan 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 6 additions & 2 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,11 @@
## Neste versjon

- 🎨 **Designendringer**. Kalenderen på arrangementer er oppdatert
- 🎨 **Designendringer**. Forbedret layout for deltakerdetaljer i arrangementsadministrasjonen
- ⚡ **Ytelse** Optimaliserte ytelsen ved å fjerne unødvendige oppdateringer av navigasjonsbaren.

## Versjon 2025.15.01

- ⚡ **Kopier link**. Man kan nå kopiere forkortede linker.
- ⚡ **Allergier for påmeldte medlemmer**. Admins kan nå se allergier for påmeldte medlemmer på arrangementer.
- 🦟 **Markdown**. Markdown renderer fungerer nå som normalt.
Expand All @@ -24,13 +26,15 @@
- 🦟 **Bøter**. Oppdater antall bøter ved endring av lovbrudd.

## Versjon 2024.04.11
- 🎨 **Designendringer**. Gjort høyden på alle ulike gallerier lik, uavhengig av lengde på beskrivelse.

- 🎨 **Designendringer**. Gjort høyden på alle ulike gallerier lik, uavhengig av lengde på beskrivelse.
- 🎨 **Designendringer**. Escapet beskrivelse i galleri
- 🎨 **Desingendring**. Sentrerte og flyttet "Last in mer" knappen under bildene i galleri.
- ⚡ **Event**. Arrangementadministrasjonen vil kunne filtrere deltakere etter år, studie, allergier, betalingsstatus (kun betalte arrangementer) og oppmøte.

## Versjon 2024.04.11
- 🎨 **Designendringer**. Gjort høyden på alle ulike gallerier lik, uavhengig av lengde på beskrivelse.

- 🎨 **Designendringer**. Gjort høyden på alle ulike gallerier lik, uavhengig av lengde på beskrivelse.
- 🎨 **Designendringer**. Escapet beskrivelse i galleri
- 🎨 **Desingendring**. Sentrerte og flyttet "Last in mer" knappen under bildene i galleri.
- ⚡ **Event**. Arrangementadministrasjonen vil kunne filtrere deltakere etter år, studie, allergier, betalingsstatus (kun betalte arrangementer) og oppmøte.
Expand Down
8 changes: 4 additions & 4 deletions src/pages/EventAdministration/components/Participant.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100,12 +100,12 @@ const Participant = ({ registration, eventId }: ParticipantProps) => {
{registration.user_info.first_name} {registration.user_info.last_name}
</h1>
<h1 className='text-sm hidden md:block'>{getUserAffiliation(registration.user_info)}</h1>
<div className='text-muted-foreground'>
<div className='text-muted-foreground '>
{registration.user_info.allergy !== '' ? (
<>
<div className='flex gap-1 items-center'>
<NutOff className='w-3.5 h-3.5 stroke-[1.5px] text-muted-foreground float-left' />
<span className='float-right'>{registration.user_info.allergy}</span>
<NutOff className='w-3.5 h-3.5 stroke-[1.5px] text-muted-foreground float-left shrink-0' />
<span className='break-words line-clamp-1'> {registration.user_info.allergy}</span>
</div>
</>
) : (
Expand Down Expand Up @@ -154,7 +154,7 @@ const Participant = ({ registration, eventId }: ParticipantProps) => {

{!registration.is_on_wait && (
<label
className='w-full md:w-auto flex flex-row items-start space-x-3 space-y-0 rounded-md border p-4 cursor-pointer hover:border-primary'
className='w-full md:w-auto flex flex-row items-start space-x-3 space-y-0 rounded-md border p-4 cursor-pointer hover:border-primary shrink-0'
htmlFor={registration.user_info.user_id}>
<Checkbox checked={checkedState} id={registration.user_info.user_id} onCheckedChange={(checked) => handleAttendedCheck(Boolean(checked))} />
<div className='space-y-1 leading-none'>
Expand Down
Loading