+ Uploaded
+
+ View resume
+
+ );
+};
+
const LinkField = ({ href }: { href?: string }) => {
+ const value = href ?? "";
+ const isUrl = /^https?:\/\//i.test(value.trim());
+
const handleClipboard = () => {
- if (!href) return;
- navigator.clipboard.writeText(href);
+ if (!value) return;
+ navigator.clipboard.writeText(value);
toast("Copied link to clipboard!");
};
- const hasLink = Boolean(href);
+ if (!isUrl) {
+ return ;
+ }
return (
diff --git a/src/components/features/hackerapp/hacker-app-question.tsx b/src/components/features/hackerapp/hacker-app-question.tsx
index 62c5295..fbe1dd5 100644
--- a/src/components/features/hackerapp/hacker-app-question.tsx
+++ b/src/components/features/hackerapp/hacker-app-question.tsx
@@ -31,7 +31,11 @@ import {
getEligibleSources,
} from "./hacker-app-conditions";
import type { UsedFieldsRegistry } from "./hacker-app-main";
-import { LEGAL_NAME_FORM_INPUTS, isFormInputAllowedInSection } from "./hacker-app-sections";
+import {
+ LEGAL_NAME_FORM_INPUTS,
+ isFormInputAllowedInSection,
+ isQuestionTypeAllowedInSection,
+} from "./hacker-app-sections";
const QUESTION_TYPES: HackerApplicationQuestionType[] = [
"Long Answer",
@@ -44,6 +48,10 @@ const QUESTION_TYPES: HackerApplicationQuestionType[] = [
"School",
"Major",
"Country",
+ "Github",
+ "LinkedIn",
+ "Portfolio Website",
+ "Resume",
];
// Question types that if selected, bricks the select field and locks in the value
@@ -53,6 +61,10 @@ const QUESTION_TYPES_UNIQUE: HackerApplicationQuestionType[] = [
"School",
"Major",
"Country",
+ "Github",
+ "LinkedIn",
+ "Portfolio Website",
+ "Resume",
];
export const SHOW_FORM_INPUT: HackerApplicationQuestionType[] = [
@@ -132,6 +144,7 @@ export const HackerAppQuestion = memo(function HackerAppQuestion({
);
const usableQuestionTypes = QUESTION_TYPES?.filter(
(qt) =>
+ isQuestionTypeAllowedInSection(qt, section) &&
(qt !== "Full Legal Name" || !hasSplitLegalName) &&
(!QUESTION_TYPES_UNIQUE.includes(qt) || !usedFieldsRegistry.questionType.has(qt)),
);
diff --git a/src/components/features/hackerapp/hacker-app-sections.ts b/src/components/features/hackerapp/hacker-app-sections.ts
index c1e9ab4..dfa5f9b 100644
--- a/src/components/features/hackerapp/hacker-app-sections.ts
+++ b/src/components/features/hackerapp/hacker-app-sections.ts
@@ -1,5 +1,6 @@
import type {
HackerApplicationQuestionFormInputField,
+ HackerApplicationQuestionType,
HackerApplicationSections,
} from "@/lib/firebase/types";
@@ -69,3 +70,21 @@ export const isFormInputAllowedInSection = (
const pinned = SECTION_BY_FORM_INPUT[formInput];
return pinned === undefined || pinned === section;
};
+
+export const QUESTION_TYPE_SECTION: Partial<
+ Record
+ {dataUrl ? (
+ 
+ ) : (
+
+
+
+ {workshop.name}
+{workshop.eventId}
+
+
+
+
+
+ + Scanning this QR opens the portal where hackers sign in and get marked attended. +
+
+
+ Attendance
+ {activeHackathon}
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/services/prehackathon.ts b/src/services/prehackathon.ts
new file mode 100644
index 0000000..857cba7
--- /dev/null
+++ b/src/services/prehackathon.ts
@@ -0,0 +1,67 @@
+import { auth, db } from "@/lib/firebase/client";
+import type { PreHackathonWorkshop } from "@/lib/firebase/types";
+import { getHackathonType } from "@/lib/utils";
+import {
+ Timestamp,
+ collection,
+ deleteDoc,
+ doc,
+ onSnapshot,
+ query,
+ setDoc,
+} from "firebase/firestore";
+
+const PORTAL_BASE_URL = import.meta.env.VITE_QR_PORTAL_ORIGIN || "https://portal.nwplus.io";
+
+export const subscribeToPreHackathonWorkshops = (
+ hackathon: string,
+ callback: (docs: PreHackathonWorkshop[]) => void,
+) =>
+ onSnapshot(
+ query(collection(db, "Hackathons", hackathon, "PreHackathonWorkshops")),
+ (querySnapshot) => {
+ const workshops = [];
+ for (const workshop of querySnapshot.docs) {
+ workshops.push({
+ ...(workshop.data() as unknown as PreHackathonWorkshop),
+ _id: workshop.id,
+ });
+ }
+ callback(workshops);
+ },
+ );
+
+export const upsertPreHackathonWorkshop = async (
+ hackathon: string,
+ eventId: string,
+ name: string,
+) => {
+ try {
+ const record = {
+ lastModified: Timestamp.now(),
+ lastModifiedBy: auth.currentUser?.email ?? "",
+ };
+
+ await setDoc(
+ doc(db, "Hackathons", hackathon, "PreHackathonWorkshops", eventId),
+ { eventId, name, ...record },
+ { merge: true },
+ );
+ } catch (error) {
+ console.error(error);
+ throw error;
+ }
+};
+
+export const deletePreHackathonWorkshop = async (hackathon: string, eventId: string) => {
+ if (!eventId) return;
+ try {
+ await deleteDoc(doc(db, "Hackathons", hackathon, "PreHackathonWorkshops", eventId));
+ } catch (error) {
+ console.error(error);
+ throw error;
+ }
+};
+
+export const buildPreHackathonQrUrl = (hackathonId: string, eventId: string, name: string) =>
+ `${PORTAL_BASE_URL}/${getHackathonType(hackathonId)}/attendance?event=${eventId}&name=${encodeURIComponent(name)}`;
Pre-hackathon workshops
++ Runs before the event. Hackers check in by scanning the QR on the portal. +
+
+ setName(event.target.value)}
+ onKeyDown={(event) => {
+ if (event.key === "Enter") addWorkshop();
+ }}
+ placeholder="e.g. Intro to React"
+ />
+
+
+ {workshops.length === 0 ? (
+ No pre-hackathon workshops yet.
+ ) : ( +
+ {workshops.map((workshop) =>
+ workshop.eventId ? (
+ removeWorkshop(workshop)}
+ />
+ ) : null,
+ )}
+
+ )}
+