Feature/statuses

[noahk004]

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

[github-actions]

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

prettier

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/StatusIndicator.module.scss

Line 12 in afdcbb1

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

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/StatusIndicator.module.scss

Lines 16 to 25 in afdcbb1

	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 🐶}

zothacks-site/apps/site/src/app/portal/components/StatusIndicator.module.scss

Lines 27 to 30 in afdcbb1

	p {
	margin: 0;
	}
	}

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/StatusIndicator.tsx

Line 10 in afdcbb1

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

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/StatusIndicator.tsx

Line 12 in afdcbb1

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

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/StatusIndicator.tsx

Line 17 in afdcbb1

}

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/Timeline.module.scss

Lines 4 to 6 in afdcbb1

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

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/Timeline.module.scss

Lines 8 to 12 in afdcbb1

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

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/Timeline.tsx

Line 1 in afdcbb1

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

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/Timeline.tsx

Line 11 in afdcbb1

status: Status;

---

[prettier] _{reported by reviewdog 🐶}

zothacks-site/apps/site/src/app/portal/components/Timeline.tsx

Lines 15 to 38 in afdcbb1

	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]

Deploy preview for zothacks-site-2023 ready!

Name	Hack at UCI Site
Preview	Visit Preview
Commit	32eb5b0

[NoNathan17]

For the Signed and Confirmed statuses. The status boxes look a bit more compressed.

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

[IanWearsHat]

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