Club/new site#450
Conversation
…classes to switch between the different types of buttons)
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Path: .coderabbit.yml Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
farisAwheel
left a comment
There was a problem hiding this comment.
LGTM except the navbar behaves weirdly on mid-sized screens, see prev comment
Co-authored-by: º • 🌱 kai 🌱 • º <kaisprunger@gmail.com> Co-authored-by: Carlos <carlos@catala.dev>
I take full responsibility as president for merging alone
checked by daniel made by adrian kai and bowen all good on my side
| const fieldTriggerClassName = | ||
| "h-12 overflow-hidden rounded-none border-x-0 border-b-2 border-t-0 border-white/75 bg-transparent px-0 text-left text-lg font-medium text-white shadow-none transition-colors hover:border-white hover:bg-transparent hover:text-white focus:ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 data-[placeholder]:text-white/35 [&>span]:block [&>span]:max-w-[calc(100%-2rem)] [&>span]:truncate [&>svg]:text-white/55 sm:h-14 sm:text-xl md:text-2xl"; | ||
| const fieldLabelClassName = | ||
| "text-base font-semibold leading-none text-white/85 md:text-lg"; | ||
| const optionalTextClassName = | ||
| "ml-2 text-sm font-medium italic text-white/45 md:text-base"; | ||
| const requiredMarkClassName = | ||
| "text-xl font-black text-[#ff4fd8] drop-shadow-[0_0_10px_rgba(255,79,216,0.85)] md:text-2xl"; | ||
| const checkboxClassName = | ||
| "mt-0.5 flex h-5 w-5 items-center justify-center border-white/45 bg-white/5 text-white shadow-none data-[state=checked]:border-white data-[state=checked]:bg-white data-[state=checked]:text-[#21103d] focus-visible:ring-white/40 [&>span>svg]:h-5 [&>span>svg]:w-5"; |
There was a problem hiding this comment.
Why are you using class names like this rather than components?
There was a problem hiding this comment.
im confused on this too but honestly its ok probably just codex shenanigans lol
| }: { | ||
| profile?: { firstName?: string | null; lastName?: string | null } | null; | ||
| profileKind?: PassProfileKind; | ||
| }) { |
There was a problem hiding this comment.
Is there a better way to represent this?
alexanderpaolini
left a comment
There was a problem hiding this comment.
I only looked over @forge/blade and @forge/api for the most part. Most of everything I'm asking is just curiosity
| if (profile && (!profile.firstName || !profile.lastName)) { | ||
| toast.error("Missing profile information"); |
There was a problem hiding this comment.
I'm a bit confused why this is even possible. Since this component passes through profile, can we not just require that profile is defined? Might be something to look into.
| > | ||
| {selectedJudge | ||
| ? `${selectedJudge.name} — ${selectedJudge.challengeTitle}${ | ||
| ? `${selectedJudge.name}, ${selectedJudge.challengeTitle}${ |
There was a problem hiding this comment.
A side effect of the control-f on m-dashes? I think this was unintentional
| </a> | ||
| ) : ( | ||
| "—" | ||
| "Not rated" |
There was a problem hiding this comment.
Haven't seen what this look like, but surely the m-dash is better than Not rated. Low importance.
|
general tidbit: please mark any coomments as resolved when addressed in the changes. im unsure as to whether or not alex's comments have been addressed atm |
DanielJEfres
left a comment
There was a problem hiding this comment.
pls read over my comments and resolve them when fixed / answer if im wrong about something. once all are resolved it's basically approved from me !
apart from what i pointed out everything looked amazing, this is a great job well done i just wanted to make sure it was as perfect as we could get it. mostly looked for accessibility or performance issues, but found some other stuff worth pointing out on the way aswell
great job chat
| @@ -4,13 +4,32 @@ const config = { | |||
| reactStrictMode: true, | |||
| images: { | |||
| unoptimized: true, | |||
There was a problem hiding this comment.
critical: why are images unoptimized? we should just remove this line and rely on the remote patterns and cdn r2
There was a problem hiding this comment.
codex say bad. jason not know enough to no agree

Why
To clean up club site files so that we can start implementing Figma from design team.
What
Closes: #ISSUE_NUMBER
Doesn't close any issues but helps devs start work on their respective pages.
Notes:
Test Plan
Current Home Page:

Other page with sample text placeholder (we should remove this comp once we put actual content):

Mobile Nav

Hamburger Menu (we can add css animations imo)

Checklist
pnpm db:generateand committed the generated files inpackages/db/drizzle/