Skip to content

HMTV2-34: foodticket page#19

Open
jasutiin wants to merge 5 commits into
mainfrom
HMTV2-34-foodticket-page
Open

HMTV2-34: foodticket page#19
jasutiin wants to merge 5 commits into
mainfrom
HMTV2-34-foodticket-page

Conversation

@jasutiin

@jasutiin jasutiin commented May 8, 2026

Copy link
Copy Markdown
Contributor

The first two images below is what the food ticket page looks like right now. The last one is the figma design. The labels are different in my version because I want to make the QR code a more general purpose one so that users can also use the same one to scan into different events.

image image image

It is still a work in progress, may have to merge Yahya's PR first (#17) so that I can copy what he did for the little squiggles on his page.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i like the idea of the qr codes being more general but maybe lets run it by victoria on slack since its more of a UX thing? there might be possibilities of confusion if people dont see changes on the QR per meal, they might be like "why didnt i get a foodticket for X meal" ykwim.

Comment thread src/app/participant/page.tsx Outdated
{initials || "P"}
</div>
<div className="space-y-2">
<h1 className="font-black text-3xl italic leading-tight drop-shadow-[0_2px_0_rgba(0,0,0,0.08)] sm:text-4xl">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this dropshadow colour - can we add it to a global styles file and use a name here instead of hardcoding this?

Comment thread src/app/participant/page.tsx Outdated
<h2 className="font-medium text-2xl uppercase">My Food Ticket</h2>
</div>

<div className="rounded-[28px] border-2 border-pale-grey bg-pale-grey p-5 shadow-[0_22px_50px_rgba(255,107,84,0.18)] sm:p-8">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same for this shadow colour. lets try to use vars instead of hardcodes?

jasutiin added 2 commits June 28, 2026 12:30
the new UI design allows regular attendees to view the meal schedule, so
we don't need this as an admin procedure anymore
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants