Sign in via email, multiple post types, ui changes & updates

Author: dantheli

app/(app)/cities/[id]/page.tsx

@@ -1,23 +1,28 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { UserProfile, Company } from "@/types";
+import { UserProfile, Company, City } from "@/types";
 import { DirectoryFilters } from "@/components/directory/DirectoryFilters";
 import { AlumniCard } from "@/components/directory/AlumniCard";
 
 export default function DirectoryPage() {
   const [allUsers, setAllUsers] = useState<UserProfile[]>([]);
   const [companies, setCompanies] = useState<Company[]>([]);
+  const [cities, setCities] = useState<City[]>([]);
   const [nameFilter, setNameFilter] = useState("");
   const [classYearFilter, setClassYearFilter] = useState("");
+  const [cityFilter, setCityFilter] = useState("");
+  const [companyFilter, setCompanyFilter] = useState("");
 
   useEffect(() => {
     Promise.all([
       fetch("/api/users").then((r) => r.json()),
       fetch("/api/companies").then((r) => r.json()),
-    ]).then(([users, comps]) => {
+      fetch("/api/cities").then((r) => r.json()),
+    ]).then(([users, comps, cityList]) => {
       setAllUsers(users);
       setCompanies(comps);
+      setCities(cityList);
     });
   }, []);
 
@@ -26,7 +31,9 @@ export default function DirectoryPage() {
       !nameFilter ||
       `${u.firstName} ${u.lastName}`.toLowerCase().includes(nameFilter.toLowerCase());
     const matchYear = !classYearFilter || u.classYear === parseInt(classYearFilter);
-    return matchName && matchYear;
+    const matchCity = !cityFilter || u.cityId === cityFilter;
+    const matchCompany = !companyFilter || u.companyIds.includes(companyFilter);
+    return matchName && matchYear && matchCity && matchCompany;
   });
 
   return (
@@ -35,8 +42,14 @@ export default function DirectoryPage() {
       <DirectoryFilters
         name={nameFilter}
         classYear={classYearFilter}
+        cityId={cityFilter}
+        companyId={companyFilter}
+        cities={cities}
+        companies={companies}
         onNameChange={setNameFilter}
         onClassYearChange={setClassYearFilter}
+        onCityChange={setCityFilter}
+        onCompanyChange={setCompanyFilter}
       />
       <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
         {filtered.map((u) => (

app/(app)/cities/page.tsx

@@ -3,17 +3,29 @@
 import { useState } from "react";
 import { PostList } from "@/components/feed/PostList";
 import { CreatePostDialog } from "@/components/feed/CreatePostDialog";
+import { AnnouncementsSection } from "@/components/feed/AnnouncementsSection";
+import { EventsSection } from "@/components/feed/EventsSection";
 
 export default function FeedPage() {
   const [refreshKey, setRefreshKey] = useState(0);
+  const refresh = () => setRefreshKey((k) => k + 1);
 
   return (
-    <div className="space-y-6">
-      <div className="flex items-center justify-between">
-        <h1 className="text-2xl font-semibold">Posts</h1>
-        <CreatePostDialog onSuccess={() => setRefreshKey((k) => k + 1)} />
-      </div>
-      <PostList refreshKey={refreshKey} />
+    <div className="space-y-8">
+      <AnnouncementsSection refreshKey={refreshKey} />
+      <EventsSection refreshKey={refreshKey} />
+
+      <section className="space-y-4">
+        <div className="flex items-center justify-between">
+          <h1 className="text-2xl font-semibold">Posts</h1>
+          <CreatePostDialog
+            onSuccess={refresh}
+            allowedTypes={["post", "announcement", "event"]}
+            defaultType="post"
+          />
+        </div>
+        <PostList refreshKey={refreshKey} type={["post", "joined"]} />
+      </section>
     </div>
   );
 }

app/(app)/companies/[id]/page.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import { useState } from "react";
+import { PostList } from "@/components/feed/PostList";
+import { CreatePostDialog } from "@/components/feed/CreatePostDialog";
+
+export default function JobsPage() {
+  const [refreshKey, setRefreshKey] = useState(0);
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <h1 className="text-2xl font-semibold">Jobs</h1>
+        <CreatePostDialog
+          onSuccess={() => setRefreshKey((k) => k + 1)}
+          allowedTypes={["job"]}
+          defaultType="job"
+          label="Post a job"
+        />
+      </div>
+      <PostList refreshKey={refreshKey} type="job" />
+    </div>
+  );
+}

app/(app)/companies/page.tsx

@@ -0,0 +1,10 @@
+import { Suspense } from "react";
+import { VerifyForm } from "@/components/auth/VerifyForm";
+
+export default function VerifyPage() {
+  return (
+    <Suspense>
+      <VerifyForm />
+    </Suspense>
+  );
+}

app/(app)/directory/page.tsx

@@ -1,10 +1,5 @@
-import { SignupForm } from "@/components/auth/SignupForm";
+import { redirect } from "next/navigation";
 
-export default async function SignupPage({
-  searchParams,
-}: {
-  searchParams: Promise<{ code?: string }>;
-}) {
-  const { code } = await searchParams;
-  return <SignupForm code={code} />;
+export default function SignupPage() {
+  redirect("/login");
 }

app/(app)/feed/page.tsx

@@ -0,0 +1,56 @@
+import { NextRequest, NextResponse } from "next/server";
+import { adminAuth, adminDb } from "@/lib/firebase/admin";
+import { Resend } from "resend";
+import { SUPER_ADMIN_EMAIL } from "@/lib/constants";
+
+const APP_URL = process.env.NEXT_PUBLIC_APP_URL ?? "http://localhost:3000";
+const isDev = process.env.NODE_ENV === "development";
+
+export async function POST(request: NextRequest) {
+  try {
+    const { email } = await request.json();
+    if (!email) return NextResponse.json({ error: "Email required" }, { status: 400 });
+
+    if (email !== SUPER_ADMIN_EMAIL) {
+      // Allow existing members or those with a valid (unused) invitation
+      const [userSnap, invSnap] = await Promise.all([
+        adminDb.collection("users").where("email", "==", email).where("profileComplete", "==", true).get(),
+        adminDb.collection("invitations").where("email", "==", email).get(),
+      ]);
+
+      const hasAccount = !userSnap.empty;
+      const hasValidInvitation = !invSnap.empty && !invSnap.docs[0].data().usedAt;
+
+      if (!hasAccount && !hasValidInvitation) {
+        return NextResponse.json(
+          { error: "No account found for this email." },
+          { status: 404 }
+        );
+      }
+    }
+
+    const link = await adminAuth.generateSignInWithEmailLink(email, {
+      url: `${APP_URL}/login/verify`,
+      handleCodeInApp: true,
+    });
+
+    if (isDev) {
+      console.log("\n📬 [DEV] Magic sign-in link (not sent)");
+      console.log(`   To:   ${email}`);
+      console.log(`   Link: ${link}\n`);
+    } else {
+      const resend = new Resend(process.env.RESEND_API_KEY);
+      await resend.emails.send({
+        from: "AppDev Alumni <noreply@alumni.cornellappdev.com>",
+        to: email,
+        subject: "Your sign-in link for Cornell AppDev Alumni",
+        html: `<p>Hi,</p><p>Click the link below to sign in. This link expires in 1 hour and can only be used once.</p><p><a href="${link}">Sign in to AppDev Alumni</a></p><p>If you didn't request this, you can ignore this email.</p>`,
+      });
+    }
+
+    return NextResponse.json({ ok: true });
+  } catch (error) {
+    console.error("Send link error:", error);
+    return NextResponse.json({ error: "Internal server error" }, { status: 500 });
+  }
+}