Permissions
- +{children}
;
+}
diff --git a/apps/nextjs/src/app/(home)/@modal/(...)guide/[id]/com.tsx b/apps/nextjs/src/app/(home)/@modal/(...)guide/[id]/com.tsx
new file mode 100644
index 0000000..ec6ed37
--- /dev/null
+++ b/apps/nextjs/src/app/(home)/@modal/(...)guide/[id]/com.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+import "react-notion/src/styles.css";
+
+import type { BlockMapType } from "react-notion";
+import { NotionRenderer } from "react-notion";
+
+import { Card, CardContent, CardHeader, CardTitle } from "@amaxa/ui/card";
+
+export const Com = async (props: { id: string }) => {
+ const data = (await fetch(
+ `https://notion-api.splitbee.io/v1/page/${props.id}`,
+ ).then((res) => res.json())) as BlockMapType;
+
+ return (
+
+ {title ? (
+
+ );
+};
+const SidebarLink = ({
+ link,
+ active,
+}: {
+ link: SidebarLink;
+ active: boolean;
+}) => {
+ return (
+
+ + {title} +
+ ) : null} +-
+ {links.map((link) => (
+
-
+
+
+ ))}
+
+
+
+
+ );
+};
diff --git a/apps/nextjs/src/app/(home)/_components/sidebar.tsx b/apps/nextjs/src/app/(home)/_components/sidebar.tsx
new file mode 100644
index 0000000..92dffa3
--- /dev/null
+++ b/apps/nextjs/src/app/(home)/_components/sidebar.tsx
@@ -0,0 +1,67 @@
+import { memo } from "react";
+import { Poppins } from "next/font/google";
+import Link from "next/link";
+
+import type { Session } from "@amaxa/auth";
+import { auth } from "@amaxa/auth";
+import { Avatar, AvatarFallback } from "@amaxa/ui/avatar";
+
+import SidebarItems from "./sidebar-items";
+
+const poppins = Poppins({
+ subsets: ["latin"],
+ display: "swap",
+ variable: "--font-poppins",
+ weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+});
+
+const Sidebar = async () => {
+ const session = await auth();
+ if (session === null) return null;
+
+ return (
+
+ );
+};
+
+export default memo(Sidebar);
+
+const UserDetails = ({ session }: { session: Session }) => {
+ const user = session.user;
+
+ if (!user.name || user.name.length == 0) return null;
+
+ return (
+
+
+
+
+ {user.name
+ ? user.name
+ .split(" ")
+ .map((word) => word[0]?.toUpperCase())
+ .join("")
+ : "~"}
+
+
+
+
+ );
+};
diff --git a/apps/nextjs/src/app/(home)/action-guides/_components/GuideCard.tsx b/apps/nextjs/src/app/(home)/action-guides/_components/GuideCard.tsx
new file mode 100644
index 0000000..a880c5e
--- /dev/null
+++ b/apps/nextjs/src/app/(home)/action-guides/_components/GuideCard.tsx
@@ -0,0 +1,117 @@
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+// @ts-nocheck
+
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"use client";
+
+import { useMemo, useState } from "react";
+import Link from "next/link";
+
+import { Badge } from "@amaxa/ui/badge";
+import {
+ Card,
+ CardContent,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "@amaxa/ui/card";
+import { Input } from "@amaxa/ui/input";
+
+export default function Guides() {
+ const [search, setSearch] = useState("");
+ const [selectedTags, setSelectedTags] = useState([]);
+ const actionGuides = [
+ {
+ id: 1,
+ title: "Test Action Guide 1",
+ description:
+ "Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.",
+ tags: ["Fundraising"],
+ embedId: "Opening-Guide-Copy-7acb2eb37957405694b19afa43ae7b9c",
+ },
+ {
+ id: 2,
+ title: "Test Action Guide 2",
+ description:
+ "Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.",
+ tags: ["Impact Outreach"],
+ embedId: "Opening-Guide-Copy-7acb2eb37957405694b19afa43ae7b9c",
+ },
+ ];
+
+ const filteredGuides = useMemo(() => {
+ return actionGuides.filter((guide) => {
+ const titleMatch = guide.title
+ .toLowerCase()
+ .includes(search.toLowerCase());
+ const tagMatch = selectedTags.every((tag) => guide.tags.includes(tag));
+ return titleMatch && tagMatch;
+ });
+ }, [search, selectedTags]);
+ const handleSearch = (e: any) => {
+ setSearch(e.target.value);
+ };
+ const handleTagClick = (tag: never) => {
+ if (selectedTags.includes(tag)) {
+ setSelectedTags(selectedTags.filter((t) => t !== tag));
+ } else {
+ setSelectedTags([...selectedTags, tag]);
+ }
+ };
+ const allTags = useMemo(() => {
+ return [...new Set(actionGuides.flatMap((guide) => guide.tags))];
+ }, [actionGuides]);
+
+ return (
+
+
+ {user.name ?? "John Doe"}
++ {user.email ?? "john@doe.com"} +
+
+
+ );
+}
diff --git a/apps/nextjs/src/app/(home)/action-guides/com.tsx b/apps/nextjs/src/app/(home)/action-guides/com.tsx
new file mode 100644
index 0000000..32b9a27
--- /dev/null
+++ b/apps/nextjs/src/app/(home)/action-guides/com.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+
+import "react-notion/src/styles.css";
+
+import type { BlockMapType } from "react-notion";
+import { NotionRenderer } from "react-notion";
+
+export const Com = async (props: { id: string }) => {
+ const data = (await fetch(
+ `https://notion-api.splitbee.io/v1/page/${props.id}`,
+ ).then((res) => res.json())) as BlockMapType;
+
+ return (
+ Action Guides
+
+
+
+
+
+ Filter by Skill
+
+ {allTags.map((tag: string) => (
+ handleTagClick(tag)}
+ className="cursor-pointer"
+ >
+ {tag}
+
+ ))}
+
+
+ {filteredGuides.map((guide) => (
+
+
+
+ {guide.title}
+
+
+
+
+
+
+
+ ))}
+
+ {guide.description}
+
+ {guide.tags.map((tag) => (
+
+ {tag}
+
+ ))}
+
+
+
+ );
+};
diff --git a/apps/nextjs/src/app/(home)/action-guides/page.tsx b/apps/nextjs/src/app/(home)/action-guides/page.tsx
new file mode 100644
index 0000000..e7ff82f
--- /dev/null
+++ b/apps/nextjs/src/app/(home)/action-guides/page.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+
+import Guides from "./_components/GuideCard";
+
+export default function Page() {
+ return (
+
+
+ );
+}
diff --git a/apps/nextjs/src/app/(home)/events/_components/CreateEvent.tsx b/apps/nextjs/src/app/(home)/events/_components/CreateEvent.tsx
new file mode 100644
index 0000000..5dff99e
--- /dev/null
+++ b/apps/nextjs/src/app/(home)/events/_components/CreateEvent.tsx
@@ -0,0 +1,246 @@
+"use client";
+
+import type { z } from "zod";
+import React from "react";
+import { useRouter } from "next/navigation";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import { useForm } from "react-hook-form";
+
+import { createEventSchema } from "@amaxa/db/schema";
+import { cn } from "@amaxa/ui";
+import { Button } from "@amaxa/ui/button";
+import { Calendar } from "@amaxa/ui/calendar";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "@amaxa/ui/dialog";
+import {
+ Form,
+ FormControl,
+ FormDescription,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage,
+} from "@amaxa/ui/form";
+import { Input } from "@amaxa/ui/input";
+import { Popover, PopoverContent, PopoverTrigger } from "@amaxa/ui/popover";
+import { Switch } from "@amaxa/ui/switch";
+import { Textarea } from "@amaxa/ui/textarea";
+import { TimePickerDemo } from "@amaxa/ui/time-picker/time-picker-demo";
+import { toast } from "@amaxa/ui/toast";
+
+import { showErrorToast } from "~/lib/handle-error";
+import { api } from "~/trpc/react";
+
+type CreateEventProps = z.infer
+
+
+ );
+};
diff --git a/apps/nextjs/src/app/(home)/events/_components/EventCard.tsx b/apps/nextjs/src/app/(home)/events/_components/EventCard.tsx
new file mode 100644
index 0000000..37530d4
--- /dev/null
+++ b/apps/nextjs/src/app/(home)/events/_components/EventCard.tsx
@@ -0,0 +1,45 @@
+import Link from "next/link";
+import { CalendarIcon, MapPinIcon } from "lucide-react";
+
+import type { RouterOutputs } from "@amaxa/api";
+import { Button } from "@amaxa/ui/button";
+import { Card } from "@amaxa/ui/card";
+
+export function EventCard({
+ event,
+}: {
+ event: RouterOutputs["events"]["all"][0];
+}) {
+ return (
+
+
+
+
+
+ {event.name}
+{event.desc}
+
+
+
+
+
+ {event.time.toLocaleDateString()} {event.time.toLocaleTimeString()}
+
+
+
+
+ {event.isVirtual ? "Online" : "In-Person"}
+
+ Join Event
+
+
+
+
+ );
+}
diff --git a/apps/nextjs/src/app/(home)/events/page.tsx b/apps/nextjs/src/app/(home)/events/page.tsx
new file mode 100644
index 0000000..fb6b7e0
--- /dev/null
+++ b/apps/nextjs/src/app/(home)/events/page.tsx
@@ -0,0 +1,51 @@
+import { unstable_noStore as noStore } from "next/cache";
+import { z } from "zod";
+
+import { api } from "~/trpc/server";
+import { CreateEvent } from "./_components/CreateEvent";
+import { EventCard } from "./_components/EventCard";
+import { NoEvents } from "./_components/NoEvents";
+
+const searchParamsSchema = z.object({
+ name: z.string().optional(),
+});
+
+export default async function Home(props: {
+ searchParams: Record
+
+ + There are no events yet +
++ You can add a new event by clicking the button below +
+ + +
+
+
+ )}
+
+ );
+}
diff --git a/apps/nextjs/src/app/(home)/layout.tsx b/apps/nextjs/src/app/(home)/layout.tsx
index 20d9ed1..43beb86 100644
--- a/apps/nextjs/src/app/(home)/layout.tsx
+++ b/apps/nextjs/src/app/(home)/layout.tsx
@@ -1,9 +1,23 @@
import React from "react";
-export default function Layout({ children }: { children?: React.ReactNode }) {
+import Sidebar from "./_components/sidebar";
+
+export default function Layout({
+ children,
+ modal,
+}: {
+ children: React.ReactNode;
+ modal: React.ReactNode;
+}) {
return (
+
+ {data.length === 0 && (
+
+
+ Events
+RSVP to upcoming events
+
+
+
+ {data.length > 0 &&
+
+
+
+
+
+ {data.map((event) => (
+
+
- {children}
+
);
}
diff --git a/apps/nextjs/src/app/api/project/[id]/route.ts b/apps/nextjs/src/app/api/project/[id]/route.ts
index 11339e7..49d53c8 100644
--- a/apps/nextjs/src/app/api/project/[id]/route.ts
+++ b/apps/nextjs/src/app/api/project/[id]/route.ts
@@ -1,7 +1,73 @@
-//TODO: the ablility for our landing site to fetch project data
+import type { NextApiRequest } from "next";
+import { NextResponse } from "next/server";
-export const GET = async () => {
- // find the data
- //TODO: find the project with this id, do a join and group the users by their roles, and parse that into an object then return it as json (users must have the isPublic option set to true)
- // return: { project: { name: string, users: { [role: string]: User[] }, coaches: { [role: string]: User } } }
-};
+import { and, eq } from "@amaxa/db";
+import { db } from "@amaxa/db/client";
+import { project_tracker, Projects, User } from "@amaxa/db/schema";
+
+export async function GET(req: NextApiRequest) {
+ try {
+ const { id } = req.query;
+
+ if (!id) {
+ return NextResponse.json(
+ { error: "Project ID is required" },
+ { status: 400 },
+ );
+ }
+
+ const projectId = String(id);
+
+ const result = await db.transaction(async (tx) => {
+ const project = await tx.query.Projects.findFirst({
+ where: eq(Projects.id, projectId),
+ });
+
+ if (!project) {
+ return null;
+ }
+
+ const users = await tx
+ .select({
+ id: User.id,
+ name: User.name,
+ role: User.role,
+ image: User.image,
+ })
+ .from(project_tracker)
+ .where(and(eq(project_tracker.projectId, projectId)))
+ .innerJoin(User, eq(project_tracker.userId, User.id))
+ .innerJoin(Projects, eq(project_tracker.projectId, Projects.id));
+
+ const coaches = await tx
+ .select({
+ id: User.id,
+ name: User.name,
+ role: User.role,
+ image: User.image,
+ })
+ .from(project_tracker)
+ .where(and(eq(project_tracker.projectId, projectId)))
+ .innerJoin(User, eq(project_tracker.userId, User.id))
+ .innerJoin(Projects, eq(project_tracker.projectId, Projects.id));
+
+ return { project, users, coaches };
+ });
+
+ if (!result) {
+ return NextResponse.json({ error: "Project not found" }, { status: 404 });
+ }
+
+ return NextResponse.json({
+ ...result.project,
+ users: result.users,
+ coaches: result.coaches,
+ });
+ } catch (error) {
+ console.error("Error fetching project data:", error);
+ return NextResponse.json(
+ { error: "Internal Server Error" },
+ { status: 500 },
+ );
+ }
+}
diff --git a/apps/nextjs/src/lib/nav.tsx b/apps/nextjs/src/lib/nav.tsx
new file mode 100644
index 0000000..50e96fc
--- /dev/null
+++ b/apps/nextjs/src/lib/nav.tsx
@@ -0,0 +1,26 @@
+import { BookIcon, Calendar, HomeIcon } from "lucide-react";
+
+import type { SidebarLink } from "~/app/(home)/_components/sidebar-items";
+
+interface AdditionalLinks {
+ title: string;
+ links: SidebarLink[];
+}
+
+export function getLink() {
+ const defaultLinks: SidebarLink[] = [
+ { href: "/", title: "Home", icon: HomeIcon },
+ {
+ href: "/events",
+ title: "Events",
+ icon: Calendar,
+ },
+ {
+ href: "/action-guides",
+ title: "Action Guides",
+ icon: BookIcon,
+ },
+ ];
+ return defaultLinks;
+}
+export const additionalLinks: AdditionalLinks[] = [];
diff --git a/packages/api/src/root.ts b/packages/api/src/root.ts
index 11dacbd..598f041 100644
--- a/packages/api/src/root.ts
+++ b/packages/api/src/root.ts
@@ -1,12 +1,18 @@
+import { actionGuideRouter } from "./router/action-guides";
import { authRouter } from "./router/auth";
+import { eventsRouter } from "./router/events";
import { projectsRouter } from "./router/projects";
import { tasksRouter } from "./router/tasks";
+import { userRouter } from "./router/users";
import { createTRPCRouter } from "./trpc";
export const appRouter = createTRPCRouter({
auth: authRouter,
projects: projectsRouter,
+ users: userRouter,
tasks: tasksRouter,
+ events: eventsRouter,
+ actionGuides: actionGuideRouter,
});
// export type definition of API
diff --git a/packages/api/src/router/action-guides.ts b/packages/api/src/router/action-guides.ts
new file mode 100644
index 0000000..6080fee
--- /dev/null
+++ b/packages/api/src/router/action-guides.ts
@@ -0,0 +1,20 @@
+import { z } from "zod";
+
+import { createTRPCRouter, publicProcedure } from "../trpc";
+
+export const actionGuideRouter = createTRPCRouter({
+ getActionGuides: publicProcedure
+ .input(
+ z.object({
+ title: z.string().optional(),
+ skillId: z.string().optional(),
+ }),
+ )
+ .query(async ({ input, ctx }) => {
+ const { title } = input;
+ return await ctx.db.query.guides.findMany({
+ where: (guides, { and, ilike }) =>
+ and(title ? ilike(guides.title, `%${title}%`) : undefined),
+ });
+ }),
+});
diff --git a/packages/api/src/router/events.ts b/packages/api/src/router/events.ts
new file mode 100644
index 0000000..0019637
--- /dev/null
+++ b/packages/api/src/router/events.ts
@@ -0,0 +1,26 @@
+import { z } from "zod";
+
+import { createEventSchema, events } from "@amaxa/db/schema";
+
+import { createTRPCRouter, protectedProcedure, publicProcedure } from "../trpc";
+
+export const eventsRouter = createTRPCRouter({
+ all: publicProcedure
+ .input(
+ z.object({
+ name: z.string().optional(),
+ }),
+ )
+ .query(async ({ ctx, input }) => {
+ const { name } = input;
+ return await ctx.db.query.events.findMany({
+ where: (events, { and, ilike }) =>
+ and(name ? ilike(events.name, name) : undefined),
+ });
+ }),
+ create: protectedProcedure
+ .input(createEventSchema)
+ .mutation(async ({ ctx, input }) => {
+ await ctx.db.insert(events).values(input);
+ }),
+});
diff --git a/packages/api/src/router/users.ts b/packages/api/src/router/users.ts
new file mode 100644
index 0000000..a460d98
--- /dev/null
+++ b/packages/api/src/router/users.ts
@@ -0,0 +1,14 @@
+import { User } from "@amaxa/db/schema";
+
+import { createTRPCRouter, protectedProcedure } from "../trpc";
+
+export const userRouter = createTRPCRouter({
+ usersNotInProject: protectedProcedure.mutation(async ({ ctx }) => {
+ return await ctx.db
+ .select({
+ id: User.id,
+ name: User.name,
+ })
+ .from(User);
+ }),
+});
diff --git a/packages/auth/src/actions.ts b/packages/auth/src/actions.ts
new file mode 100644
index 0000000..c5b22a1
--- /dev/null
+++ b/packages/auth/src/actions.ts
@@ -0,0 +1,49 @@
+import { eq, sql } from "drizzle-orm";
+
+import type { ProjectPermission } from "@amaxa/db/schema";
+import { db } from "@amaxa/db/client";
+import { project_tracker, User } from "@amaxa/db/schema";
+
+const preparedGetUserInfo = db
+ .select({
+ status: User.status,
+ role: User.role,
+ })
+ .from(User)
+ .where(eq(User.id, sql.placeholder("id")))
+ .prepare("getUserInfo");
+
+const preparedGetUserProjectTrackers = db
+ .select({
+ projectId: project_tracker.projectId,
+ permission: project_tracker.permission,
+ createdAt: project_tracker.createdAt,
+ })
+ .from(project_tracker)
+ .where(eq(project_tracker.userId, sql.placeholder("userId")))
+ .prepare("getUserProjectTrackers");
+
+async function getUserInformation(id: string) {
+ const userData = await preparedGetUserInfo.execute({ id });
+ const user = userData[0] ?? {
+ status: "Unverified",
+ role: "Student",
+ };
+
+ const projectTrackersData = await preparedGetUserProjectTrackers.execute({
+ userId: id,
+ });
+
+ const project_permissions: Record
+
+ {children}
+
+ {modal}
+
+
+ );
+}
diff --git a/packages/ui/src/time-picker/time-picker-input.tsx b/packages/ui/src/time-picker/time-picker-input.tsx
new file mode 100644
index 0000000..d188936
--- /dev/null
+++ b/packages/ui/src/time-picker/time-picker-input.tsx
@@ -0,0 +1,131 @@
+import React from "react";
+
+import { cn } from "..";
+import { Input } from "../input";
+import {
+ getArrowByType,
+ getDateByType,
+ Period,
+ setDateByType,
+ TimePickerType,
+} from "./time-picker-utils";
+
+export interface TimePickerInputProps
+ extends React.InputHTMLAttributes
+
+ minuteRef.current?.focus()}
+ />
+
+
+
+ hourRef.current?.focus()}
+ onRightFocus={() => secondRef.current?.focus()}
+ />
+
+
+
+ minuteRef.current?.focus()}
+ />
+
+
+
+