Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

@noahk004
Copy link
Member

This PR resolves #244.

  • Modified /apps/site/src/app/portal
  • Added new status checks according to Figma
  • Moved confirmation component to a a new page /confirmation

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit

prettier

[prettier] reported by reviewdog 🐶

background-color: rgba(theme.$light-green, 0.69);


[prettier] reported by reviewdog 🐶

border: 5px solid theme.$dark-green;
border-radius: 30px;
padding: 30px 40px;
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.3rem;
color: theme.$off-white;


[prettier] reported by reviewdog 🐶


[prettier] reported by reviewdog 🐶

export default function StatusIndicator({ icon, dark, children }: StatusIndicatorProps) {


[prettier] reported by reviewdog 🐶

<div className={styles.indicator + " " + (dark ? styles.dark : styles.light)}>


[prettier] reported by reviewdog 🐶


[prettier] reported by reviewdog 🐶

display: flex;
flex-direction: column;
gap: 16px;


[prettier] reported by reviewdog 🐶

h2 {
font-size: 2.5rem;
color: theme.$white;
}
}


[prettier] reported by reviewdog 🐶

import { Status, Decision, ReviewStatus, PostAcceptedStatus } from "@/lib/userRecord";


[prettier] reported by reviewdog 🐶


[prettier] reported by reviewdog 🐶

return (
<div className={styles.statusWrapper}>
{(Object.values(Decision).includes(status as Decision) || status === Status.Signed || status === Status.Confirmed) && (
<StatusIndicator icon={check} dark={true}>Application Submitted</StatusIndicator>
)}
{(status === Status.Accepted || status === Status.Signed || status === Status.Confirmed) && (<>
<StatusIndicator icon={check} dark={true}>Application Accepted</StatusIndicator>
<StatusIndicator icon={dots} dark={status === Status.Signed || status === Status.Confirmed}>Waiver Signed</StatusIndicator>
<StatusIndicator icon={dots} dark={status === Status.Confirmed}>Attendance Confirmed</StatusIndicator>
</>)}
{status === Status.Waitlisted && (
<StatusIndicator icon={dots} dark={true}>Waitlisted</StatusIndicator>
)}
{status === Status.Rejected && (
<StatusIndicator icon={x} dark={true}>Application Rejected</StatusIndicator>
)}
</div>
);
}

@github-actions
Copy link

github-actions bot commented Oct 10, 2025

Deploy preview for zothacks-site-2023 ready!

Name Hack at UCI Site
Preview Visit Preview
Commit 32eb5b0

noahk004 and others added 3 commits October 9, 2025 19:12
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
…cks-site into feature/statuses

Resolve minor formatting differences between branches
@NoNathan17
Copy link
Contributor

For the Signed and Confirmed statuses. The status boxes look a bit more compressed.
Screenshot 2025-10-12 at 12 17 13 PM

Other than that and running prettier, I think this PR should be ready to merged.

Copy link
Member

@IanWearsHat IanWearsHat left a comment

Choose a reason for hiding this comment

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

Thanks Noah, I have a few comments on the frontend.

@noahk004 noahk004 requested a review from IanWearsHat October 21, 2025 19:53
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.

[Portal] Statuses

4 participants