{children}
187 | {renderContent()}
;
39 | }
40 |
--------------------------------------------------------------------------------
/app/api/proposal/add/route.js:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from "next/server";
2 | import { collection, addDoc, serverTimestamp } from "firebase/firestore";
3 | import { db } from "@/app/firebase/firebase";
4 | import { createProposalSchema } from "@/schemas/proposal.schema";
5 |
6 | export async function POST(req) {
7 | try {
8 | const json = await req.json();
9 | const validatedData = createProposalSchema.parse(json);
10 |
11 | const { id, currentReviewer, ...dataToStore } = validatedData;
12 |
13 | if (!currentReviewer || !currentReviewer.reviewerId) {
14 | return NextResponse.json(
15 | { error: "Missing current reviewer information" },
16 | { status: 400 },
17 | );
18 | }
19 |
20 | const enrichedProposal = {
21 | ...dataToStore,
22 | version: 1,
23 | currentReviewer, // level of reviewer can be inferred from currentReviewer information
24 | reviewerHistory: [],
25 | comments: [],
26 | createdAt: serverTimestamp(),
27 | updatedAt: serverTimestamp(),
28 | };
29 |
30 | const docRef = await addDoc(collection(db, "Proposals"), enrichedProposal);
31 |
32 | return NextResponse.json({ success: true, id: docRef.id });
33 | } catch (error) {
34 | console.error("Error adding proposal:", error);
35 | return NextResponse.json(
36 | { success: false, error: error.message },
37 | { status: 500 },
38 | );
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/app/api/proposal/dept/route.js:
--------------------------------------------------------------------------------
1 | import { db } from "@/app/firebase/firebase";
2 | import { collection, getDocs } from "firebase/firestore";
3 | import { NextRequest, NextResponse } from "next/server";
4 |
5 | export async function POST(req) {
6 | try {
7 | let { departments } = await req.json();
8 |
9 | if (!departments || departments.length === 0) {
10 | return NextResponse.json(
11 | { success: false, message: "Departments not provided" },
12 | { status: 400 },
13 | );
14 | }
15 |
16 | // Normalize departments
17 | if (!Array.isArray(departments)) {
18 | if (typeof departments === "object") {
19 | departments = Object.values(departments);
20 | } else {
21 | departments = [departments];
22 | }
23 | }
24 |
25 | const proposalsRef = collection(db, "Proposals");
26 | const proposalsSnap = await getDocs(proposalsRef);
27 |
28 | const proposals = [];
29 | proposalsSnap.forEach((doc) => {
30 | const data = doc.data();
31 | if (
32 | departments.includes(data.department) &&
33 | data?.currentReviewer?.level === 2
34 | ) {
35 | proposals.push({ id: doc.id, ...data });
36 | }
37 | });
38 |
39 | return NextResponse.json({ success: true, proposals });
40 | } catch (error) {
41 | console.error("Error fetching reviewer proposals:", error);
42 | return NextResponse.json(
43 | { success: false, error: error.message },
44 | { status: 500 },
45 | );
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "anokha-internalapp",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint",
10 | "format": "biome format --write .",
11 | "format:check": "biome check ."
12 | },
13 | "dependencies": {
14 | "@hookform/resolvers": "^4.1.3",
15 | "@radix-ui/react-alert-dialog": "^1.1.13",
16 | "@radix-ui/react-checkbox": "^1.1.4",
17 | "@radix-ui/react-dialog": "^1.1.6",
18 | "@radix-ui/react-label": "^2.1.2",
19 | "@radix-ui/react-popover": "^1.1.6",
20 | "@radix-ui/react-radio-group": "^1.3.6",
21 | "@radix-ui/react-select": "^2.1.6",
22 | "@radix-ui/react-separator": "^1.1.2",
23 | "@radix-ui/react-slot": "^1.2.2",
24 | "@radix-ui/react-tabs": "^1.1.3",
25 | "@radix-ui/react-tooltip": "^1.1.8",
26 | "appwrite": "^17.0.2",
27 | "class-variance-authority": "^0.7.1",
28 | "clsx": "^2.1.1",
29 | "cmdk": "^1.1.1",
30 | "date-fns": "^4.1.0",
31 | "firebase": "^11.9.1",
32 | "firebase-admin": "^13.4.0",
33 | "lucide-react": "^0.483.0",
34 | "next": "^15.3.1",
35 | "react": "^19.0.0",
36 | "react-dom": "^19.0.0",
37 | "react-firebase-hooks": "^5.1.1",
38 | "react-hook-form": "^7.55.0",
39 | "tailwind-merge": "^3.0.2",
40 | "tw-animate-css": "^1.2.4",
41 | "zod": "^3.24.2"
42 | },
43 | "devDependencies": {
44 | "@biomejs/biome": "2.0.5",
45 | "@tailwindcss/postcss": "^4",
46 | "tailwindcss": "^4"
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/components/ui/popover.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import * as PopoverPrimitive from "@radix-ui/react-popover";
5 |
6 | import { cn } from "@/lib/utils";
7 |
8 | function Popover({ ...props }) {
9 | return
9 |
50 | );
51 | }
52 |
--------------------------------------------------------------------------------
/components/ui/card.jsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | import { cn } from "@/lib/utils";
4 |
5 | function Card({ className, ...props }) {
6 | return (
7 |
15 | );
16 | }
17 |
18 | function CardHeader({ className, ...props }) {
19 | return (
20 |
28 | );
29 | }
30 |
31 | function CardTitle({ className, ...props }) {
32 | return (
33 |
38 | );
39 | }
40 |
41 | function CardDescription({ className, ...props }) {
42 | return (
43 |
48 | );
49 | }
50 |
51 | function CardAction({ className, ...props }) {
52 | return (
53 |
61 | );
62 | }
63 |
64 | function CardContent({ className, ...props }) {
65 | return (
66 |
71 | );
72 | }
73 |
74 | function CardFooter({ className, ...props }) {
75 | return (
76 |
81 | );
82 | }
83 |
84 | export {
85 | Card,
86 | CardHeader,
87 | CardFooter,
88 | CardTitle,
89 | CardAction,
90 | CardDescription,
91 | CardContent,
92 | };
93 |
--------------------------------------------------------------------------------
/components/ui/button.jsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import { Slot } from "@radix-ui/react-slot";
3 | import { cva } from "class-variance-authority";
4 |
5 | import { cn } from "@/lib/utils";
6 |
7 | const buttonVariants = cva(
8 | "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
9 | {
10 | variants: {
11 | variant: {
12 | default:
13 | "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
14 | destructive:
15 | "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
16 | outline:
17 | "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
18 | secondary:
19 | "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
20 | ghost:
21 | "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
22 | link: "text-primary underline-offset-4 hover:underline",
23 | },
24 | size: {
25 | default: "h-9 px-4 py-2 has-[>svg]:px-3",
26 | sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
27 | lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
28 | icon: "size-9",
29 | },
30 | },
31 | defaultVariants: {
32 | variant: "default",
33 | size: "default",
34 | },
35 | },
36 | );
37 |
38 | function Button({ className, variant, size, asChild = false, ...props }) {
39 | const Comp = asChild ? Slot : "button";
40 |
41 | return (
42 | 10 | Proposals You Approved 11 |
12 |
13 | {proposals.map((proposal) => (
14 |
49 |
18 |
47 | ))}
48 |
19 |
26 | 20 | {proposal.title} 21 |
22 | 23 | {proposal.department} 24 | 25 |
27 |
31 |
32 |
36 |
37 |
46 |
43 |
52 |
53 | 126 | {body} 127 |
128 | ); 129 | } 130 | 131 | export { 132 | useFormField, 133 | Form, 134 | FormItem, 135 | FormLabel, 136 | FormControl, 137 | FormDescription, 138 | FormMessage, 139 | FormField, 140 | }; 141 | -------------------------------------------------------------------------------- /app/api/reviewer/[id]/proposals/route.js: -------------------------------------------------------------------------------- 1 | import { NextRequest, NextResponse } from "next/server"; 2 | import { 3 | collection, 4 | query, 5 | where, 6 | getDocs, 7 | or, 8 | collectionGroup, 9 | doc, 10 | getDoc, 11 | } from "firebase/firestore"; 12 | import { db } from "@/app/firebase/firebase"; 13 | 14 | export async function GET(_, { params }) { 15 | try { 16 | const { id: reviewerId } = await params; 17 | 18 | if (!reviewerId) { 19 | return NextResponse.json( 20 | { success: false, message: "Reviewer ID is required" }, 21 | { status: 400 }, 22 | ); 23 | } 24 | 25 | // Fetch reviewer data. 26 | const reviewerRef = doc(db, "Auth", reviewerId); 27 | const reviewerSnap = await getDoc(reviewerRef); 28 | const reviewerData = reviewerSnap.data(); 29 | 30 | if (reviewerData.level === 2) { 31 | const proposalsRef = collection(db, "Proposals"); 32 | const q = query( 33 | proposalsRef, 34 | where("department", "in", reviewerData.department), 35 | ); 36 | const snapshot = await getDocs(q); 37 | const proposals = snapshot.docs.map((doc) => ({ 38 | id: doc.id, 39 | ...doc.data(), 40 | })); 41 | 42 | return NextResponse.json({ success: true, uniqueProposals: proposals }); 43 | } 44 | 45 | // Query all proposals where currentReviewer.reviewerId == reviewerId 46 | const proposalsRef = collection(db, "Proposals"); 47 | 48 | const q = query( 49 | proposalsRef, 50 | where("currentReviewer.reviewerId", "==", reviewerId), 51 | ); 52 | const snapshot = await getDocs(q); 53 | 54 | const proposals = snapshot.docs.map((doc) => ({ 55 | id: doc.id, 56 | ...doc.data(), 57 | })); 58 | 59 | // Check subcollections for history. 60 | const q2 = query( 61 | collectionGroup(db, "History"), 62 | where("proposalThread.currentReviewer.reviewerId", "==", reviewerId), 63 | ); 64 | const snapshot2 = await getDocs(q2); 65 | const history = snapshot2.docs.map((doc) => ({ 66 | id: doc.id, 67 | ...doc.data().proposalThread, 68 | })); 69 | 70 | // Collect unique id from history. 71 | const uniqueIds = new Set(); 72 | history.forEach((item) => { 73 | uniqueIds.add(item.id); 74 | }); 75 | 76 | // Fetch the latest version of the proposal with doc id. 77 | // use getDoc to fetch the latest version of the proposal. 78 | const latestProposals = await Promise.all( 79 | Array.from(uniqueIds).map(async (id) => { 80 | const docRef = doc(db, "Proposals", id); 81 | const docSnap = await getDoc(docRef); 82 | const data = docSnap.data(); 83 | data.id = docSnap.id; 84 | 85 | if (data) { 86 | const reviewerData = data.reviewerHistory.find( 87 | (item) => item.reviewerId === reviewerId, 88 | ); 89 | if (reviewerData) { 90 | data.status = reviewerData.decision; 91 | } 92 | } 93 | 94 | return data; 95 | }), 96 | ); 97 | 98 | // Merge proposals and history. 99 | const allProposals = [...proposals, ...latestProposals]; 100 | 101 | // Remove duplicates. 102 | const uniqueProposals = allProposals.filter( 103 | (proposal, index, self) => 104 | index === self.findIndex((t) => t.id === proposal.id), 105 | ); 106 | 107 | return NextResponse.json({ 108 | success: true, 109 | uniqueProposals: uniqueProposals, 110 | }); 111 | } catch (error) { 112 | console.error("Error fetching proposals for reviewer:", error); 113 | return NextResponse.json( 114 | { success: false, error: "Failed to fetch proposals" }, 115 | { status: 500 }, 116 | ); 117 | } 118 | } 119 | -------------------------------------------------------------------------------- /components/ui/dialog.jsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | 3 | import * as React from "react"; 4 | import * as DialogPrimitive from "@radix-ui/react-dialog"; 5 | import { XIcon } from "lucide-react"; 6 | 7 | import { cn } from "@/lib/utils"; 8 | 9 | function Dialog({ ...props }) { 10 | return
52 |
53 |
54 |
64 | {error}
65 |
66 | )}
67 |
68 | {hookError && (
69 |
70 | {hookError.message}
71 |
72 | )}
73 |
74 | {success && (
75 |
76 |
77 | Password reset email sent! Check your inbox for further
78 | instructions.
79 |
80 |
81 | )}
82 |
83 |
113 |
114 |
115 | );
116 | };
117 |
118 | export default ForgotPassword;
119 |
--------------------------------------------------------------------------------
/app/api/reviewerService.js:
--------------------------------------------------------------------------------
1 | import {
2 | doc,
3 | getDoc,
4 | getDocs,
5 | collection,
6 | query,
7 | updateDoc,
8 | serverTimestamp,
9 | } from "firebase/firestore";
10 | import { db, auth } from "../firebase/firebase";
11 |
12 | /**
13 | * Check if user is a reviewer
14 | */
15 | const isUserReviewer = async (uid) => {
16 | try {
17 | const userDoc = await getDoc(doc(db, "Auth", uid));
18 | if (!userDoc.exists()) return false;
19 |
20 | const userData = userDoc.data();
21 | return userData.role === "Reviewer";
22 | } catch (error) {
23 | console.error("Error checking reviewer status:", error);
24 | return false;
25 | }
26 | };
27 |
28 | /**
29 | * Get reviewer info
30 | */
31 | const getReviewerInfo = async (uid) => {
32 | try {
33 | const userRef = doc(db, "Auth", uid);
34 | const userSnap = await getDoc(userRef);
35 |
36 | if (userSnap.exists()) {
37 | const userData = userSnap.data();
38 | return {
39 | ...userData,
40 | // Ensure department is always an array for reviewers
41 | department:
42 | userData.role === "Reviewer"
43 | ? Array.isArray(userData.department)
44 | ? userData.department
45 | : [userData.department].filter(Boolean)
46 | : userData.department || "", // Single string for non-reviewers
47 | };
48 | }
49 | return null;
50 | } catch (error) {
51 | console.error("Error getting reviewer info:", error);
52 | return null;
53 | }
54 | };
55 |
56 | /**
57 | * Get proposals for a reviewer based on their departments
58 | */
59 | // NOTE: Do not delete this function
60 | const getReviewerProposals = async (departments) => {
61 | try {
62 | if (!departments || departments.length === 0) {
63 | console.error("No departments specified for reviewer");
64 | return [];
65 | }
66 |
67 | // Check if departments is an array
68 | if (!Array.isArray(departments)) {
69 | console.error("Departments is not an array:", departments);
70 | // Try to convert to array if it's an object with numeric keys
71 | if (typeof departments === "object") {
72 | departments = Object.values(departments);
73 | } else {
74 | // If it's a string, put it in an array
75 | departments = [departments];
76 | }
77 | }
78 |
79 | // Get all proposals first
80 | const proposalsRef = collection(db, "Proposals");
81 | const proposalsSnapshot = await getDocs(proposalsRef);
82 |
83 | // Filter proposals that match any of the reviewer's departments
84 | const proposals = [];
85 |
86 | proposalsSnapshot.forEach((doc) => {
87 | const proposalData = doc.data();
88 | const proposalDept = proposalData.department;
89 |
90 | // Check if this proposal's department is in the reviewer's departments
91 | if (proposalDept && departments.includes(proposalDept)) {
92 | proposals.push({
93 | id: doc.id,
94 | ...proposalData,
95 | });
96 | }
97 | });
98 |
99 | return proposals;
100 | } catch (error) {
101 | console.error("Error fetching reviewer proposals:", error);
102 | throw error;
103 | }
104 | };
105 |
106 | /**
107 | * Update proposal status (for reviewers)
108 | */
109 | const updateProposalStatusReviewer = async (proposalId, status, comment) => {
110 | try {
111 | const proposalRef = doc(db, "Proposals", proposalId);
112 | const proposalSnap = await getDoc(proposalRef);
113 |
114 | if (!proposalSnap.exists()) {
115 | throw new Error("Proposal not found");
116 | }
117 |
118 | const proposalData = proposalSnap.data();
119 | const currentComments = proposalData.comments || [];
120 |
121 | // Get reviewer info from Auth collection
122 | const reviewerInfo = await getReviewerInfo(auth.currentUser.uid);
123 |
124 | const newComment = {
125 | text: comment,
126 | reviewerName: reviewerInfo?.name || "Unknown",
127 | timestamp: new Date(),
128 | status: status,
129 | };
130 |
131 | await updateDoc(proposalRef, {
132 | status: status,
133 | updatedAt: serverTimestamp(),
134 | reviewedBy: auth.currentUser.uid,
135 | reviewedAt: serverTimestamp(),
136 | comments: [...currentComments, newComment],
137 | });
138 |
139 | return true;
140 | } catch (error) {
141 | console.error("Error updating proposal status:", error);
142 | throw error;
143 | }
144 | };
145 |
146 | export {
147 | isUserReviewer,
148 | getReviewerInfo,
149 | getReviewerProposals,
150 | updateProposalStatusReviewer,
151 | };
152 |
--------------------------------------------------------------------------------
/components/ui/command.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import { Command as CommandPrimitive } from "cmdk";
5 | import { SearchIcon } from "lucide-react";
6 |
7 | import { cn } from "@/lib/utils";
8 | import {
9 | Dialog,
10 | DialogContent,
11 | DialogDescription,
12 | DialogHeader,
13 | DialogTitle,
14 | } from "@/components/ui/dialog";
15 |
16 | function Command({ className, ...props }) {
17 | return (
18 | 55 | Reset Password 56 |
57 |58 | Enter your Amrita email address and we'll send you instructions to 59 | reset your password. 60 |
61 | 62 | {error && ( 63 |
84 |
87 | setEmail(e.target.value)}
93 | className="bg-gray-800 border-gray-600 text-white"
94 | disabled={sending || success}
95 | />
96 |
97 |
98 |
105 |
106 |
112 |
56 |
66 | );
67 | }
68 |
69 | function CommandList({ className, ...props }) {
70 | return (
71 |
83 |
84 |
85 |
86 | 
91 |
179 |
180 |
181 |
182 | );
183 | };
184 |
185 | export default SignUp;
186 |
--------------------------------------------------------------------------------
/components/ui/select.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import * as SelectPrimitive from "@radix-ui/react-select";
5 | import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
6 |
7 | import { cn } from "@/lib/utils";
8 |
9 | function Select({ ...props }) {
10 | return 84 |
91 | 92 | Sign Up as a Proposer 93 |
94 | 95 | {error &&{error}
} 96 | {hookError && ( 97 |{hookError.message}
98 | )} 99 | 100 |
101 |
104 | setName(e.target.value)}
109 | className="mb-4 bg-gray-800 border-gray-600 text-white"
110 | />
111 |
112 |
113 |
114 |
117 |
123 |
124 |
125 |
128 | setEmail(e.target.value)}
133 | className="mb-4 bg-gray-800 border-gray-600 text-white"
134 | />
135 |
136 |
137 |
138 |
141 | setPassword(e.target.value)}
146 | className="bg-gray-800 border-gray-600 text-white"
147 | />
148 |
149 |
150 |
151 |
154 | setConfirmPassword(e.target.value)}
159 | className="bg-gray-800 border-gray-600 text-white"
160 | disabled={loading}
161 | />
162 |
163 |
164 |
171 |
172 | 173 | Already have an account?{" "} 174 | 175 | Login 176 | 177 |
178 |181 |
87 |
89 | );
90 | }
91 |
92 | return (
93 |
94 | {isMobile && !sidebarOpen && (
95 |
102 | )}
103 |
104 |
186 |
188 |
189 | {isMobile && sidebarOpen && (
190 |
194 | )}
195 |
196 | );
197 | }
198 |
--------------------------------------------------------------------------------
/app/reviewer/layout.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useState, useEffect } from "react";
4 | import {
5 | LayoutDashboard,
6 | FileText,
7 | CheckSquare,
8 | Menu,
9 | X,
10 | LogOut,
11 | } from "lucide-react";
12 | import { useRouter, usePathname } from "next/navigation";
13 | import Link from "next/link";
14 | import { auth, db } from "@/app/firebase/firebase";
15 | import { onAuthStateChanged } from "firebase/auth";
16 | import { doc, getDoc } from "firebase/firestore";
17 | import { Loader2 } from "lucide-react";
18 | import { useIsMobile } from "@/hooks/use-mobile";
19 |
20 | export default function ReviewerLayout({ children }) {
21 | const [sidebarOpen, setSidebarOpen] = useState(true);
22 | const isMobile = useIsMobile();
23 | const [loading, setLoading] = useState(true);
24 | const [isAuthenticated, setIsAuthenticated] = useState(false);
25 | const router = useRouter();
26 | const pathname = usePathname();
27 |
28 | useEffect(() => {
29 | if (isMobile) {
30 | setSidebarOpen(false);
31 | } else {
32 | setSidebarOpen(true);
33 | }
34 | }, [isMobile]);
35 |
36 | useEffect(() => {
37 | const unsubscribe = onAuthStateChanged(auth, async (user) => {
38 | if (!user) {
39 | router.push("/login");
40 | return;
41 | }
42 |
43 | try {
44 | const userRef = doc(db, "Auth", user.uid);
45 | const userSnap = await getDoc(userRef);
46 |
47 | if (!userSnap.exists()) {
48 | router.push("/login");
49 | return;
50 | }
51 |
52 | const userData = userSnap.data();
53 | const userRole = userData.role?.toLowerCase();
54 |
55 | if (userRole !== "reviewer") {
56 | router.push("/login");
57 | return;
58 | }
59 |
60 | setIsAuthenticated(true);
61 | } catch (error) {
62 | console.error("Authentication error:", error);
63 | router.push("/login");
64 | } finally {
65 | setLoading(false);
66 | }
67 | });
68 |
69 | return () => unsubscribe();
70 | }, [router]);
71 |
72 | const toggleSidebar = () => setSidebarOpen(!sidebarOpen);
73 |
74 | const handleLogout = () => {
75 | auth
76 | .signOut()
77 | .then(() => {
78 | router.push("/");
79 | })
80 | .catch((error) => {
81 | console.error("Logout error:", error);
82 | });
83 | };
84 |
85 | const handleLinkClick = () => {
86 | if (isMobile) {
87 | setSidebarOpen(false);
88 | }
89 | };
90 |
91 | if (loading || !isAuthenticated) {
92 | return (
93 |
115 | {isMobile && (
116 |
184 |
185 |
117 |
124 |
125 | )}
126 |
127 |
128 | {sidebarOpen && (
129 |
141 |
142 | User Dashboard
130 | )} 131 | {!isMobile && ( 132 | 139 | )} 140 |
143 |
169 |
170 |
183 |
171 |
181 |
182 |
94 |
96 | );
97 | }
98 |
99 | return (
100 |
101 | {isMobile && !sidebarOpen && (
102 |
109 | )}
110 |
111 |
192 |
194 |
195 | {isMobile && sidebarOpen && (
196 |
200 | )}
201 |
202 | );
203 | }
204 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Event Proposal for Anokha Techfest 🌟
2 |
3 | This is a React-based project for managing and submitting event proposals for Anokha Techfest. The project is built using Firebase for backend services and ShadCN components for a modern and responsive UI.
4 |
5 | ## 🚀 Getting Started
6 |
7 | ## 1. Install dependencies
8 |
9 | ```sh
10 | npm install
11 | npm install date-fns
12 | ```
13 |
14 | ## 2. Install Firebase and Firebase Tools
15 |
16 | ```sh
17 | npm install firebase
18 | npm install -g firebase-tools
19 | npm install react-firebase-hooks
20 | ```
21 |
22 | ## 3. Set up ShadCN
23 |
24 | Initialize ShadCN:
25 |
26 | ```sh
27 | npx shadcn@latest init
28 | ```
29 |
30 | Add necessary components:
31 |
32 | ```sh
33 | npx shadcn@latest add input button card select alert sidebar tabs command popover
34 | ```
35 |
36 | ## 4. Install Lucide-React
37 |
38 | ```sh
39 | npm install lucide-react
40 | ```
41 |
42 | ## 5. Set up Firebase Configuration
43 |
44 | Create a file named .env.local in your project root and add:
45 |
46 | ```sh
47 | NEXT_PUBLIC_FIREBASE_API_KEY=your-api-key
48 | NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your-auth-domain
49 | NEXT_PUBLIC_FIREBASE_PROJECT_ID=your-project-id
50 | NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your-storage-bucket
51 | NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
52 | NEXT_PUBLIC_FIREBASE_APP_ID=your-app-id
53 | ```
54 |
55 | ## 6. Set up Firebase Admin SDK for Reviewer System
56 |
57 | ```sh
58 | npm install firebase-admin
59 | ```
60 |
61 | Get Firebase Admin credentials:
62 |
63 | 1. Go to your Firebase project console
64 | 2. Click on the gear icon (⚙️) in the left sidebar to open Project Settings
65 | 3. Go to the "Service accounts" tab
66 | 4. Click on "Generate new private key" button
67 | 5. Save the downloaded JSON file securely
68 |
69 | Add to your .env.local file:
70 |
71 | ```sh
72 | # Admin SDK config
73 | FIREBASE_ADMIN_PROJECT_ID=your-project-id
74 | FIREBASE_ADMIN_PRIVATE_KEY="your-private-key"
75 | FIREBASE_ADMIN_CLIENT_EMAIL=your-client-email
76 | ```
77 |
78 | Replace the values with the ones from:
79 |
80 | - Your Firebase project settings for the public values
81 | - The downloaded service account JSON for the admin values
82 |
83 | ## 7. Start the development server
84 |
85 | ```sh
86 | npm run dev
87 | ```
88 | ## To create a project in firebase follow these steps carefully:
89 |
90 | 1. Go to the Firebase Console
91 | 2. Click on "Add project" or "Create a project" button
92 | 3. Enter your project name (e.g., "anokha-techfest-proposals")
93 | 4. Click "Continue"
94 | 5. Choose whether to enable Google Analytics for your project:
95 | - Select "Enable Google Analytics for this project" if you want analytics
96 | - Or toggle it off if you don't need analytics
97 | - Click "Continue"
98 | 6. If you enabled Analytics, configure Google Analytics:
99 | - Select your Analytics account or create a new one
100 | - Choose your country/region
101 | - Accept the terms and click "Create project"
102 | 7. Wait for Firebase to set up your project (this may take a few moments)
103 | 8. Click "Continue" when the setup is complete
104 | 9. You'll be redirected to your Firebase project dashboard
105 | 10. Set up Authentication:
106 | - Click on "Authentication" in the left sidebar
107 | - Click "Get started"
108 | - Go to the "Sign-in method" tab
109 | - Enable your preferred sign-in providers (Email/Password is recommended)
110 | 11. Set up Firestore Database:
111 | - Click on "Firestore Database" in the left sidebar
112 | - Click "Create database"
113 | - Choose "Start in test mode" for development (you can change this later)
114 | - Select your database location
115 | - Click "Done"
116 | 12. Get your Firebase configuration:
117 | - Click on the gear icon (⚙️) next to "Project Overview"
118 | - Select "Project settings"
119 | - Scroll down to "Your apps" section
120 | - Click on the web icon
121 | - Register your app with a nickname
122 | - Copy the configuration object for your .env.local file
123 |
124 | Your Firebase project is now ready to use with your application!
125 |
126 | ## Managing User Roles in Firebase
127 |
128 | When developing or testing user and reviewer functionalities, manual role adjustment may be
129 | required through the Firebase console. Follow these steps to modify user roles:
130 |
131 | ## Steps to Update User Roles:
132 |
133 | 1. Navigate to your Firebase project console
134 | 2. Select "Firestore Database" from the left sidebar
135 | 3. Click on your preferred collection (typically "Auth" or "Users")
136 | 4. Select the specific document for the user whose role needs modification
137 | 5. A document details panel will appear displaying all user fields and data
138 | 6. Locate the "role" field within the document
139 | 7. Click on the edit icon next to the "role" field
140 | 8. Update the role value to the desired permission level (e.g., "User", "Reviewer")
141 | 9. Click "Update" to save the changes
142 |
143 | ## Note 1 :
144 |
145 | Role changes take effect immediately and will be reflected in the application upon the user's
146 | next authentication or page refresh.
147 |
148 | ## Reference Screenshot:
149 | 
150 |
151 | ---
152 |
153 | ## Note 2 :
154 |
155 | To fetch reviewer proposals, Firestore indexing must be enabled.
156 | When an API call is made from the reviewer 'View Proposals' page,
157 | a link to create the required index will be logged in the terminal.
158 | (i.e)When this API is triggered Firestore will log a helpful link in the terminal The link looks like:
159 | https://console.firebase.google.com/firestore/indexescreate_composite=...
160 |
161 | Clicking this link will take you to Firestore’s console with the "Create Index" form pre-filled. Just click "Create".
162 |
163 | ## Reference Screenshot:
164 | 
165 |
166 |
167 | ## 🧼 Code Formatting (Prettier)
168 |
169 | To ensure consistent formatting across the project, run:
170 |
171 | ```bash
172 | npx prettier --write .
173 | ```
174 |
175 | **✅ Important:** Run this **before committing, pushing, or opening a pull request.**
176 |
--------------------------------------------------------------------------------
/app/api/proposalHistoryService.js:
--------------------------------------------------------------------------------
1 | import {
2 | collection,
3 | doc,
4 | getDoc,
5 | getDocs,
6 | addDoc,
7 | updateDoc,
8 | query,
9 | where,
10 | orderBy,
11 | serverTimestamp,
12 | } from "firebase/firestore";
13 | import { db } from "../firebase/firebase";
14 |
15 | /**
16 | * Get proposal history
17 | */
18 | const getProposalHistory = async (proposalId) => {
19 | try {
20 | const q = query(
21 | collection(db, "Proposals", proposalId, "History"),
22 | orderBy("updatedAt", "desc"),
23 | );
24 | const querySnapshot = await getDocs(q);
25 | return querySnapshot.docs.map((doc) => ({
26 | id: doc.id,
27 | ...doc.data(),
28 | }));
29 | } catch (error) {
30 | console.error("Error getting proposal history:", error);
31 | return [];
32 | }
33 | };
34 |
35 | /**
36 | * Add an entry to the proposal history
37 | */
38 | const addProposalHistory = async (proposalId, historyData, userId) => {
39 | try {
40 | // Remove status and version from history data
41 | if (historyData.proposalThread) {
42 | delete historyData.proposalThread.status;
43 | delete historyData.proposalThread.version;
44 | }
45 |
46 | await addDoc(collection(db, "Proposals", proposalId, "History"), {
47 | ...historyData,
48 | updatedAt: serverTimestamp(),
49 | updatedBy: userId,
50 | timestamp: serverTimestamp(),
51 | });
52 | return true;
53 | } catch (error) {
54 | console.error("Error adding proposal history:", error);
55 | return false;
56 | }
57 | };
58 |
59 | /**
60 | * Update proposal status and manage history entries
61 | */
62 | const updateProposalStatus = async (proposalId, newStatus, remarks, userId) => {
63 | try {
64 | const proposalRef = doc(db, "Proposals", proposalId);
65 | const proposalSnap = await getDoc(proposalRef);
66 |
67 | if (!proposalSnap.exists()) {
68 | throw new Error("Proposal not found");
69 | }
70 |
71 | const proposalData = proposalSnap.data();
72 | let newVersion = proposalData.version || 1;
73 |
74 | // Only increment version if new status is "reviewed" and current status isn't "reviewed"
75 | if (
76 | newStatus.toLowerCase() === "reviewed" &&
77 | proposalData.status?.toLowerCase() !== "reviewed"
78 | ) {
79 | newVersion = newVersion + 1;
80 |
81 | // When version increments, move current comments and replies to history
82 | const currentComments = proposalData.comments || [];
83 | const currentReplies = proposalData.replies || [];
84 |
85 | if (currentComments.length > 0 || currentReplies.length > 0) {
86 | await addDoc(collection(db, "Proposals", proposalId, "History"), {
87 | version: proposalData.version || 1,
88 | comments: currentComments,
89 | replies: currentReplies,
90 | updatedAt: serverTimestamp(),
91 | updatedBy: userId,
92 | });
93 | }
94 |
95 | // Clear current comments and replies for the new version
96 | await updateDoc(proposalRef, {
97 | comments: [],
98 | replies: [],
99 | });
100 | }
101 |
102 | // Update the proposal with new status and version if needed
103 | await updateDoc(proposalRef, {
104 | status: newStatus,
105 | updatedAt: serverTimestamp(),
106 | version: newVersion,
107 | });
108 |
109 | // Only create history entry if not changing to "reviewed"
110 | if (newStatus.toLowerCase() !== "reviewed") {
111 | // Create a copy for history without status and version
112 | const proposalForHistory = { ...proposalData };
113 | delete proposalForHistory.status;
114 | delete proposalForHistory.version;
115 |
116 | // Check if there's already a history entry for this version
117 | const historyQuery = query(
118 | collection(db, "Proposals", proposalId, "History"),
119 | where("version", "==", newVersion),
120 | );
121 | const historySnapshot = await getDocs(historyQuery);
122 |
123 | if (!historySnapshot.empty) {
124 | // Update existing history entry
125 | const historyDoc = historySnapshot.docs[0];
126 | await updateDoc(
127 | doc(db, "Proposals", proposalId, "History", historyDoc.id),
128 | {
129 | proposalThread: proposalForHistory,
130 | updatedAt: serverTimestamp(),
131 | remarks: remarks || `Status updated to ${newStatus}`,
132 | },
133 | );
134 | } else {
135 | // Create new history entry
136 | await addDoc(collection(db, "Proposals", proposalId, "History"), {
137 | proposalThread: proposalForHistory,
138 | updatedAt: serverTimestamp(),
139 | remarks: remarks || `Status updated to ${newStatus}`,
140 | version: newVersion,
141 | updatedBy: userId,
142 | });
143 | }
144 | }
145 |
146 | return true;
147 | } catch (error) {
148 | console.error("Error updating proposal status:", error);
149 | return false;
150 | }
151 | };
152 |
153 | /**
154 | * Create or update a history entry when updating a proposal
155 | */
156 | const manageProposalHistoryOnUpdate = async (
157 | proposalId,
158 | proposalData,
159 | version,
160 | ) => {
161 | try {
162 | // Create a copy for history without status and version
163 | const proposalForHistory = { ...proposalData };
164 | delete proposalForHistory.status;
165 | delete proposalForHistory.version;
166 |
167 | // Check if there's already a history entry for this version
168 | const historyQuery = query(
169 | collection(db, "Proposals", proposalId, "History"),
170 | where("version", "==", version),
171 | );
172 |
173 | const historySnapshot = await getDocs(historyQuery);
174 |
175 | if (!historySnapshot.empty) {
176 | // Update existing history entry
177 | const historyDoc = historySnapshot.docs[0];
178 | await updateDoc(
179 | doc(db, "Proposals", proposalId, "History", historyDoc.id),
180 | {
181 | proposalThread: proposalForHistory,
182 | updatedAt: serverTimestamp(),
183 | remarks: "Proposal updated",
184 | },
185 | );
186 | } else {
187 | // Create new history entry if one doesn't exist for this version
188 | await addDoc(collection(db, "Proposals", proposalId, "History"), {
189 | proposalThread: proposalForHistory,
190 | updatedAt: serverTimestamp(),
191 | remarks: "Proposal updated",
192 | version: version,
193 | });
194 | }
195 |
196 | return true;
197 | } catch (error) {
198 | console.error("Error managing proposal history on update:", error);
199 | return false;
200 | }
201 | };
202 |
203 | export {
204 | getProposalHistory,
205 | addProposalHistory,
206 | updateProposalStatus,
207 | manageProposalHistoryOnUpdate,
208 | };
209 |
--------------------------------------------------------------------------------
/app/api/proposalService.js:
--------------------------------------------------------------------------------
1 | import {
2 | collection,
3 | doc,
4 | getDoc,
5 | getDocs,
6 | addDoc,
7 | updateDoc,
8 | query,
9 | where,
10 | orderBy,
11 | serverTimestamp,
12 | deleteField,
13 | } from "firebase/firestore";
14 | import { db } from "../firebase/firebase";
15 |
16 | /**
17 | * Add a new proposal to Firestore "Proposals" collection
18 | */
19 | const addProposal = async (proposalData) => {
20 | try {
21 | // Create a copy without id
22 | const { id, ...dataToStore } = proposalData;
23 |
24 | // Initialize comments as empty array
25 | dataToStore.comments = [];
26 |
27 | // Use the document reference to add the document
28 | const docRef = await addDoc(collection(db, "Proposals"), {
29 | ...dataToStore,
30 | createdAt: serverTimestamp(),
31 | updatedAt: serverTimestamp(),
32 | });
33 |
34 | return docRef.id; // Return the Firestore-generated ID
35 | } catch (error) {
36 | console.error("Error adding proposal:", error);
37 | throw error;
38 | }
39 | };
40 |
41 | /**
42 | * Get a single proposal by proposal ID
43 | */
44 | const getProposalById = async (proposalId) => {
45 | try {
46 | const docSnap = await getDoc(doc(db, "Proposals", proposalId));
47 | return docSnap.exists() ? { id: docSnap.id, ...docSnap.data() } : null;
48 | } catch (error) {
49 | console.error("Error getting proposal:", error);
50 | return null;
51 | }
52 | };
53 |
54 | /**
55 | * Get proposals by user ID
56 | */
57 | const getProposalsByUserId = async (userId) => {
58 | try {
59 | const q = query(
60 | collection(db, "Proposals"),
61 | where("proposerId", "==", userId),
62 | orderBy("updatedAt", "desc"),
63 | );
64 | const querySnapshot = await getDocs(q);
65 | return querySnapshot.docs.map((doc) => ({ id: doc.id, ...doc.data() }));
66 | } catch (error) {
67 | console.error("Error getting proposals by user ID:", error);
68 | return [];
69 | }
70 | };
71 |
72 | /**
73 | * Get proposals submitted by a specific user
74 | */
75 | const getUserProposals = async (userId) => {
76 | try {
77 | // Add check to prevent query with undefined userId
78 | if (!userId) {
79 | console.warn("getUserProposals called without a valid userId");
80 | return [];
81 | }
82 |
83 | // Use a simpler query without orderBy
84 | const q = query(
85 | collection(db, "Proposals"),
86 | where("proposerId", "==", userId),
87 | );
88 | const querySnapshot = await getDocs(q);
89 | return querySnapshot.docs.map((doc) => ({ id: doc.id, ...doc.data() }));
90 | } catch (error) {
91 | console.error("Error fetching user proposals:", error);
92 | return [];
93 | }
94 | };
95 |
96 | /**
97 | * Update an existing proposal with new data
98 | */
99 | const updateProposal = async (proposalId, proposalData) => {
100 | try {
101 | // Remove the id field if it exists before updating
102 | const { id, ...dataToUpdate } = proposalData;
103 |
104 | const proposalRef = doc(db, "Proposals", proposalId);
105 |
106 | // Get current proposal to check version
107 | const currentProposal = await getDoc(proposalRef);
108 | const currentData = currentProposal.exists()
109 | ? currentProposal.data()
110 | : null;
111 |
112 | if (!currentData) {
113 | throw new Error("Proposal not found");
114 | }
115 |
116 | // Always maintain the same version unless status changes to "reviewed"
117 | const version =
118 | dataToUpdate.status?.toLowerCase() === "reviewed" &&
119 | currentData.status?.toLowerCase() !== "reviewed"
120 | ? (currentData.version || 1) + 1
121 | : currentData.version || 1;
122 |
123 | // Update the proposal document
124 | await updateDoc(proposalRef, {
125 | ...dataToUpdate,
126 | version,
127 | updatedAt: serverTimestamp(),
128 | });
129 |
130 | return true;
131 | } catch (error) {
132 | console.error("Error updating proposal:", error);
133 | return false;
134 | }
135 | };
136 |
137 | /**
138 | * Add reply to a proposal (for proposers)
139 | */
140 | const addProposalReply = async (proposalId, replyData) => {
141 | try {
142 | const proposalRef = doc(db, "Proposals", proposalId);
143 | const proposalSnap = await getDoc(proposalRef);
144 |
145 | if (!proposalSnap.exists()) {
146 | throw new Error("Proposal not found");
147 | }
148 |
149 | const proposalData = proposalSnap.data();
150 | const currentReplies = proposalData.comments || [];
151 |
152 | const newReply = {
153 | text: replyData.text,
154 | timestamp: replyData.timestamp,
155 | authorId: replyData.authorId,
156 | authorName: replyData.authorName,
157 | authorType: replyData.authorType,
158 | version: replyData.version,
159 | };
160 |
161 | await updateDoc(proposalRef, {
162 | comments: [...currentReplies, newReply],
163 | updatedAt: serverTimestamp(),
164 | });
165 |
166 | return true;
167 | } catch (error) {
168 | console.error("Error adding proposal reply:", error);
169 | throw error;
170 | }
171 | };
172 |
173 | /**
174 | * Get proposals submitted by a user with "Pending" status
175 | */
176 | const getPendingProposalsByUser = async (userId) => {
177 | if (!userId) {
178 | console.warn("getPendingProposalsByUser called without a valid userId");
179 | return [];
180 | }
181 |
182 | try {
183 | const q = query(
184 | collection(db, "Proposals"),
185 | where("proposerId", "==", userId),
186 | where("status", "in", ["Pending", "pending"]),
187 | );
188 | const snapshot = await getDocs(q);
189 | return snapshot.docs.map((doc) => ({ id: doc.id, ...doc.data() }));
190 | } catch (error) {
191 | console.error("Error fetching pending proposals:", error);
192 | return [];
193 | }
194 | };
195 |
196 | /**
197 | * Get proposals submitted by a user with "Reviewed" status
198 | */
199 | const getReviewedProposalsByUser = async (userId) => {
200 | if (!userId) {
201 | console.warn("getReviewedProposalsByUser called without a valid userId");
202 | return [];
203 | }
204 |
205 | try {
206 | const q = query(
207 | collection(db, "Proposals"),
208 | where("proposerId", "==", userId),
209 | where("status", "in", ["Reviewed", "reviewed"]),
210 | );
211 | const snapshot = await getDocs(q);
212 | return snapshot.docs.map((doc) => ({ id: doc.id, ...doc.data() }));
213 | } catch (error) {
214 | console.error("Error fetching reviewed proposals:", error);
215 | return [];
216 | }
217 | };
218 |
219 | export {
220 | addProposal,
221 | getProposalById,
222 | getProposalsByUserId,
223 | getUserProposals,
224 | updateProposal,
225 | addProposalReply,
226 | deleteField,
227 | getPendingProposalsByUser,
228 | getReviewedProposalsByUser,
229 | };
230 |
--------------------------------------------------------------------------------
/app/login/page.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useState } from "react";
3 | import { useSignInWithEmailAndPassword } from "react-firebase-hooks/auth";
4 | import { auth } from "@/app/firebase/firebase";
5 | import { useRouter } from "next/navigation";
6 | import { Input } from "@/components/ui/input";
7 | import { Button } from "@/components/ui/button";
8 | import { Card, CardContent } from "@/components/ui/card";
9 | import { PasswordInput } from "@/components/ui/password-input";
10 | import apiRequest from "@/utils/apiRequest";
11 |
12 | const SignIn = () => {
13 | const [email, setEmail] = useState("");
14 | const [password, setPassword] = useState("");
15 | const [error, setError] = useState("");
16 | const [loading, setLoading] = useState(false);
17 | const [signInWithEmailAndPassword] = useSignInWithEmailAndPassword(auth);
18 | const router = useRouter();
19 |
20 | const handleSignIn = async (e) => {
21 | e.preventDefault();
22 | if (!email || !password) {
23 | setError("Email and Password are required!");
24 | return;
25 | }
26 |
27 | // Check if email ends with amrita.edu
28 | if (!email.endsWith("amrita.edu")) {
29 | setError("Please use an Amrita email address");
30 | return;
31 | }
32 |
33 | try {
34 | setLoading(true);
35 | const result = await signInWithEmailAndPassword(email, password);
36 |
37 | if (result && result.user) {
38 | // Find user in Auth collection
39 | const data = await apiRequest(`/api/user/${result.user.uid}`, {
40 | method: "GET",
41 | });
42 |
43 | if (data !== null) {
44 | const userData = data.user;
45 |
46 | // Get role and normalize to lowercase for case-insensitive comparison
47 | const userRole = userData.role || "";
48 | const normalizedRole = userRole.toLowerCase();
49 |
50 | // Store user data in session storage (standardizing 'Reviewer' with capital R)
51 | sessionStorage.setItem("user", "true");
52 | sessionStorage.setItem("name", userData.name || "");
53 |
54 | // Standardize role for reviewer to match expectations in reviewer page
55 | const standardizedRole =
56 | normalizedRole === "reviewer" ? "Reviewer" : userRole;
57 | sessionStorage.setItem("role", standardizedRole);
58 |
59 | // Handle reviewer role specifically (case-insensitive)
60 | if (normalizedRole === "reviewer") {
61 | // Handle department data correctly for reviewers
62 | let departments = userData.department;
63 | // Ensure departments is always treated as an array
64 | if (
65 | departments &&
66 | typeof departments === "object" &&
67 | !Array.isArray(departments)
68 | ) {
69 | departments = Object.values(departments);
70 | }
71 | sessionStorage.setItem(
72 | "departments",
73 | JSON.stringify(departments || []),
74 | );
75 | sessionStorage.setItem("level", userData.level);
76 |
77 | // Also set the auth object that reviewer page is looking for
78 | const authSession = {
79 | authenticated: true,
80 | name: userData.name || "Reviewer",
81 | role: "Reviewer", // Standardized to capital R
82 | departments: Array.isArray(departments) ? departments : [],
83 | level: userData.level,
84 | };
85 | sessionStorage.setItem("auth", JSON.stringify(authSession));
86 |
87 | // Redirect to reviewer page
88 | router.push("/reviewer");
89 | return;
90 | }
91 |
92 | // Redirect based on role for non-reviewers (case-insensitive)
93 | switch (normalizedRole) {
94 | case "admin":
95 | router.push("/admin");
96 | break;
97 | case "user":
98 | router.push("/user");
99 | break;
100 | default:
101 | router.push("/"); // Default home page
102 | }
103 | } else {
104 | // User exists in Auth but not in Firestore
105 | setError("User profile not found. Please contact support.");
106 | console.error("User document not found in Firestore");
107 | }
108 | } else {
109 | setError("Invalid email or password!");
110 | }
111 | } catch (e) {
112 | setError("Login failed: " + (e.message || "Unknown error"));
113 | console.error("Login error:", e);
114 | } finally {
115 | setLoading(false);
116 | }
117 | };
118 |
119 | return (
120 |
122 | {isMobile && (
123 |
190 |
191 |
124 |
131 |
132 | )}
133 |
134 |
135 | {sidebarOpen && (
136 |
150 |
151 | 137 | Reviewer Dashboard 138 |
139 | )} 140 | {!isMobile && ( 141 | 148 | )} 149 |
152 |
178 |
179 |
189 |
180 |
187 |
188 | {children}
193 |
121 |
122 |
123 |
128 |
185 |
186 |
187 | );
188 | };
189 |
190 | export default SignIn;
191 |
--------------------------------------------------------------------------------
/app/_components/ProposalPages/Dashboard.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useState, useEffect } from "react";
4 | import { getAuth, onAuthStateChanged } from "firebase/auth";
5 | import {
6 | getPendingProposalsByUser,
7 | getReviewedProposalsByUser,
8 | } from "../../api/proposalService";
9 | import { Button } from "@/components/ui/button";
10 | import { FileText, CheckCircle, Plus } from "lucide-react";
11 |
12 | export default function DashboardContent({ onNavigate }) {
13 | const [pendingCount, setPendingCount] = useState(0);
14 | const [reviewedCount, setReviewedCount] = useState(0);
15 | const [userId, setUserId] = useState(null);
16 | const [loading, setLoading] = useState(true);
17 | const [error, setError] = useState(null);
18 |
19 | useEffect(() => {
20 | const auth = getAuth();
21 | const unsubscribe = onAuthStateChanged(auth, (user) => {
22 | if (user) {
23 | setUserId(user.uid);
24 | } else {
25 | setUserId(null);
26 | setError("You must be logged in to view proposals");
27 | setLoading(false);
28 | }
29 | });
30 |
31 | return () => unsubscribe();
32 | }, []);
33 |
34 | useEffect(() => {
35 | if (!userId) return;
36 |
37 | const fetchProposalCounts = async () => {
38 | try {
39 | setLoading(true);
40 |
41 | const [pending, reviewed] = await Promise.all([
42 | getPendingProposalsByUser(userId),
43 | getReviewedProposalsByUser(userId),
44 | ]);
45 |
46 | setPendingCount(pending.length);
47 | setReviewedCount(reviewed.length);
48 | setLoading(false);
49 | } catch (err) {
50 | console.error("Error fetching proposal counts:", err);
51 | setError("Failed to load proposal counts");
52 | setLoading(false);
53 | }
54 | };
55 |
56 | fetchProposalCounts();
57 | }, [userId]);
58 |
59 | return (
60 |
128 | Login
129 | 130 | 177 | 178 |179 | Don't have an account?{" "} 180 | 181 | Sign Up 182 | 183 |
184 |
61 |
186 | );
187 | }
188 |
--------------------------------------------------------------------------------
/app/_components/ProposalPages/ViewProposal.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useEffect, useState, useRef } from "react";
4 | import { getAuth, onAuthStateChanged } from "firebase/auth";
5 | import { Edit2, BarChart2 } from "lucide-react";
6 | import { useRouter } from "next/navigation";
7 | import apiRequest from "@/utils/apiRequest";
8 |
9 | export default function ViewProposalsContent({
10 | onEditProposal,
11 | onTrackProposal,
12 | }) {
13 | const [proposals, setProposals] = useState([]);
14 | const [loading, setLoading] = useState(true);
15 | const [error, setError] = useState(null);
16 | const [userId, setUserId] = useState(null);
17 | const router = useRouter();
18 | const scrollContainerRef = useRef(null);
19 |
20 | useEffect(() => {
21 | const auth = getAuth();
22 | const unsubscribe = onAuthStateChanged(auth, (user) => {
23 | if (user) {
24 | setUserId(user.uid);
25 | setError(null);
26 | } else {
27 | setUserId(null);
28 | setError("You must be logged in to view proposals.");
29 | setLoading(false);
30 | }
31 | });
32 |
33 | return () => unsubscribe();
34 | }, []);
35 |
36 | useEffect(() => {
37 | if (userId) {
38 | const fetchProposals = async () => {
39 | try {
40 | setLoading(true);
41 | const data = await apiRequest(`api/user/${userId}/proposal`, {
42 | method: "GET",
43 | });
44 | setProposals(data.proposals);
45 | setError(null);
46 | setTimeout(
47 | () =>
48 | scrollContainerRef.current?.scrollTo({
49 | top: 0,
50 | behavior: "smooth",
51 | }),
52 | 100,
53 | );
54 | } catch (error) {
55 | console.error("Error fetching proposals:", error);
56 | setError("Failed to load proposals. Please try again.");
57 | setProposals([]); // Clear proposals on error
58 | } finally {
59 | setLoading(false);
60 | }
61 | };
62 | fetchProposals();
63 | }
64 | }, [userId]);
65 |
66 | const handleEdit = (proposalId) => onEditProposal?.(proposalId);
67 | const handleTrack = (proposalId) => onTrackProposal?.(proposalId);
68 |
69 | return (
70 |
62 |
184 |
185 | 63 | Workshop & Event Proposal Dashboard 64 |
65 | 66 | {error &&{error}
} 67 | 68 | {/* Welcome Message */} 69 |
70 |
79 |
80 | {/* Quick Actions */}
81 | 71 | Welcome, Proposer! 72 |
73 |74 | This platform enables you to submit and manage proposals for 75 | workshops and events. Create compelling proposals, track their 76 | review progress, and collaborate with reviewers. 77 |
78 |
82 |
117 |
118 | {/* View Proposals Button */}
119 | onNavigate && onNavigate("add-proposal")}
85 | >
86 |
99 |
87 |
94 | 88 | New Workshop Proposal 89 |
90 |
91 |
93 | 95 | Submit a detailed proposal for technical workshops, training 96 | sessions, or hands-on learning experiences. 97 |
98 | onNavigate && onNavigate("add-proposal")}
102 | >
103 |
116 |
104 |
111 | 105 | New Event Proposal 106 |
107 |
108 |
110 | 112 | Propose conferences, seminars, or networking events with clear 113 | objectives and engagement plans. 114 |
115 |
120 |
127 |
128 |
129 | {/* Stats Section */}
130 |
131 |
152 |
153 | {/* Proposal Guidelines */}
154 |
132 |
142 | 133 | Proposals in Pending Status 134 |
135 |136 | {loading ? "..." : pendingCount} 137 |
138 |139 | Awaiting review by the committee 140 |
141 |
143 |
151 | 144 | Proposals in Reviewed Status 145 |
146 |147 | {loading ? "..." : reviewedCount} 148 |
149 |Evaluation completed
150 |
155 |
183 | 156 | Proposal Guidelines 157 |
158 |-
159 |
-
160 |
161 | 162 | Clearly define learning objectives and expected outcomes 163 | 164 |
165 | -
166 |
167 | Include detailed participant engagement plans 168 |
169 | -
170 |
171 | Specify technical requirements (for workshops) 172 |
173 | -
174 |
175 | Provide realistic budget estimates 176 |
177 | -
178 |
179 | Suggest preferred dates and durations 180 |
181 |
184 |
71 |
172 | );
173 | }
174 |
175 | // Function to format date
176 | function formatDate(timestamp) {
177 | if (!timestamp) return "N/A";
178 | if (typeof timestamp.toDate === "function") {
179 | return timestamp.toDate().toLocaleString();
180 | }
181 | if (timestamp.seconds !== undefined && timestamp.nanoseconds !== undefined) {
182 | return new Date(timestamp.seconds * 1000).toLocaleString();
183 | }
184 | try {
185 | return new Date(timestamp).toLocaleString();
186 | } catch {
187 | return "N/A";
188 | }
189 | }
190 |
191 | // Function to get status color
192 | function getStatusColor(status) {
193 | return (
194 | {
195 | approved: "text-green-400",
196 | rejected: "text-red-400",
197 | pending: "text-yellow-400",
198 | reviewed: "text-blue-400",
199 | }[status?.toLowerCase()] || "text-gray-400"
200 | );
201 | }
202 |
203 | const getReviewerRoleWithName = (level, name) => {
204 | switch (level) {
205 | case 0:
206 | return `Student Head (${name || "Unknown"})`;
207 | case 1:
208 | return `Department Faculty (${name || "Unknown"})`;
209 | case 2:
210 | return `Tech Council Wing`; // no name shown for TCW
211 | default:
212 | return `Reviewer Level ${level}`;
213 | }
214 | };
215 |
--------------------------------------------------------------------------------
/app/reviewer/proposals/page.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useState, useEffect } from "react";
3 | import { useRouter } from "next/navigation";
4 | import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
5 | import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
6 | import apiRequest from "@/utils/apiRequest";
7 | import { Loader2, CheckCircle, XCircle, Clock, HelpCircle } from "lucide-react";
8 | import { auth } from "@/app/firebase/firebase";
9 | import { onAuthStateChanged } from "firebase/auth";
10 |
11 | export default function ReviewProposalsPage() {
12 | const [proposals, setProposals] = useState([]);
13 | const [loading, setLoading] = useState(true);
14 | const [user, setUser] = useState(null);
15 | const router = useRouter();
16 |
17 | useEffect(() => {
18 | const unsubscribe = onAuthStateChanged(auth, (currentUser) => {
19 | if (currentUser) {
20 | setUser(currentUser);
21 | } else {
22 | router.push("/login");
23 | }
24 | });
25 | return () => unsubscribe();
26 | }, [router]);
27 |
28 | useEffect(() => {
29 | if (user) {
30 | // console.log("user", user);
31 | const fetchProposals = async () => {
32 | try {
33 | setLoading(true);
34 | // Fetch proposals assigned to the reviewer
35 | const res = await apiRequest(
36 | `/api/reviewer/${user.uid}/proposals`,
37 | "GET",
38 | );
39 | const proposals = res.uniqueProposals || [];
40 | setProposals(proposals);
41 | } catch (error) {
42 | console.error("Failed to fetch proposals", error);
43 | } finally {
44 | setLoading(false);
45 | }
46 | };
47 | fetchProposals();
48 | }
49 | }, [user]);
50 |
51 | const handleProposalClick = (id) => {
52 | router.push(`/reviewer/proposals/${id}`);
53 | };
54 |
55 | const getStatusProps = (status) => {
56 | switch (status?.toLowerCase()) {
57 | case "approved":
58 | return {
59 | label: "Approved",
60 | color: "bg-green-500/10 text-green-400 border-green-500/20",
61 | icon:
72 |
74 |
75 | {error && (
76 | Proposal Drafts
73 |
77 |
81 | )}
82 |
83 |
78 | {error}
79 |
80 |
87 | {loading ? (
88 |
171 |
89 |
90 |
91 | ) : proposals.length === 0 ? (
92 |
93 |
98 | ) : (
99 | No proposals found.
94 |95 | Create a new proposal to get started. 96 |
97 |
100 | {proposals.map((proposal) => (
101 |
169 | )}
170 |
105 |
167 | ))}
168 |
106 |
134 |
135 | {(!proposal.status ||
136 | proposal.status?.toLowerCase() === "pending") &&
137 | typeof proposal?.currentReviewer?.level === "number" && (
138 | 107 | {proposal.title} 108 | 109 | v{proposal.version || 1} 110 | 111 |
112 |
113 |
121 |
132 |
133 |
139 |
140 | Currently under review by{" "}
141 |
142 | {getReviewerRoleWithName(
143 | proposal.currentReviewer.level,
144 | proposal.currentReviewer.name,
145 | )}
146 |
147 |
148 | )}
149 |
150 |
151 | Status:{" "}
152 |
155 | {proposal.status || "Pending"}
156 |
157 |
158 |
159 | 160 | {proposal.description || "No description provided."} 161 |
162 | 163 |
164 | Last updated: {formatDate(proposal.updatedAt)}
165 |
166 |
99 |
106 | 100 | Submitted by:{" "} 101 | 102 | {proposal.proposerName || "N/A"} 103 | 104 |
105 |
109 | {statusProps.icon}
110 | {statusProps.label}
111 |
112 |
125 | No {status} proposals found.
126 |
127 | );
128 | }
129 |
130 | return (
131 |
132 | {filteredProposals.map((proposal) => (
133 |
136 | );
137 | };
138 |
139 | const renderReviewedProposals = (status) => {
140 | const filteredProposals = proposals.filter(
141 | (p) => p.status.toLowerCase() === status.toLowerCase(),
142 | );
143 |
144 | if (filteredProposals.length === 0) {
145 | return (
146 |
147 | No reviewed proposals found.
148 |
149 | );
150 | }
151 |
152 | return (
153 |
154 | {filteredProposals.map((proposal) => (
155 |
158 | );
159 | };
160 |
161 | if (loading) {
162 | return (
163 |
164 |
166 | );
167 | }
168 |
169 | return (
170 |
171 |
175 |
176 |
180 | All
181 |
182 |
186 | Pending
187 |
188 |
192 | Reviewed
193 |
194 |
198 | Approved
199 |
200 |
204 | Rejected
205 |
206 |
207 |
208 | {proposals.length > 0 ? (
209 |
226 |
227 | {renderProposalsByStatus("pending")}
228 |
229 |
230 | {renderReviewedProposals("reviewed")}
231 |
232 |
233 | {renderProposalsByStatus("approved")}
234 |
235 |
236 | {renderProposalsByStatus("rejected")}
237 |
238 |
239 |
240 | );
241 | }
242 |
--------------------------------------------------------------------------------
/app/user/proposals/page.jsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useState, useEffect } from "react";
4 | import { useRouter } from "next/navigation";
5 | import { Button } from "@/components/ui/button";
6 | import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
7 | import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
8 | import apiRequest from "@/utils/apiRequest";
9 | import {
10 | Loader2,
11 | PlusCircle,
12 | CheckCircle,
13 | XCircle,
14 | Clock,
15 | HelpCircle,
16 | Edit,
17 | User,
18 | } from "lucide-react";
19 | import { auth } from "@/app/firebase/firebase";
20 | import { onAuthStateChanged } from "firebase/auth";
21 |
22 | export default function ViewProposalsPage() {
23 | const [proposals, setProposals] = useState([]);
24 | const [loading, setLoading] = useState(true);
25 | const [user, setUser] = useState(null);
26 | const router = useRouter();
27 |
28 | useEffect(() => {
29 | const unsubscribe = onAuthStateChanged(auth, (currentUser) => {
30 | if (currentUser) {
31 | setUser(currentUser);
32 | } else {
33 | router.push("/login");
34 | }
35 | });
36 | return () => unsubscribe();
37 | }, [router]);
38 |
39 | useEffect(() => {
40 | if (user) {
41 | const fetchProposals = async () => {
42 | try {
43 | setLoading(true);
44 | const data = await apiRequest(
45 | `/api/user/${user.uid}/proposal`,
46 | "GET",
47 | );
48 |
49 | if (data && data.proposals && data.proposals.length > 0) {
50 | setProposals(data.proposals);
51 | }
52 | } catch (error) {
53 | console.error("Failed to fetch proposals", error);
54 | } finally {
55 | setLoading(false);
56 | }
57 | };
58 | fetchProposals();
59 | }
60 | }, [user]);
61 |
62 | const handleProposalClick = (id) => {
63 | router.push(`/user/proposals/${id}`);
64 | };
65 |
66 | const handleEditClick = (e, id) => {
67 | e.stopPropagation(); // Prevent card click from firing
68 | router.push(`/user/proposals/${id}/edit`);
69 | };
70 |
71 | const getStatusProps = (status) => {
72 | switch (status?.toLowerCase()) {
73 | case "approved":
74 | return {
75 | label: "Approved",
76 | color: "bg-green-500/10 text-green-400 border-green-500/20",
77 | icon:
172 |
174 | Review Proposals
173 |
210 | {proposals.map((proposal) => (
211 |
214 | ) : (
215 |
216 |
224 | )}
225 | 218 | No proposals to review 219 |
220 |221 | There are currently no proposals assigned to you for review. 222 |
223 |
132 |
145 |
133 |
148 | {statusProps.icon}
149 | {statusProps.label}
150 |
151 |
164 | No {status} proposals found.
165 |
166 | );
167 | }
168 |
169 | return (
170 |
171 | {filteredProposals.map((proposal) => (
172 |
175 | );
176 | };
177 |
178 | const renderReviewedProposals = (status) => {
179 | const filteredProposals = proposals.filter(
180 | (p) => p.status.toLowerCase() === status.toLowerCase(),
181 | );
182 |
183 | if (filteredProposals.length === 0) {
184 | return (
185 |
186 | No reviewed proposals found.
187 |
188 | );
189 | }
190 |
191 | return (
192 |
193 | {filteredProposals.map((proposal) => (
194 |
197 | );
198 | };
199 |
200 | if (loading) {
201 | return (
202 |
203 |
205 | );
206 | }
207 |
208 | return (
209 |
210 |
221 |
222 |
226 | All
227 |
228 |
232 | Pending
233 |
234 |
238 | Reviewed
239 |
240 |
244 | Approved
245 |
246 |
250 | Rejected
251 |
252 |
253 |
254 | {proposals.length > 0 ? (
255 |
273 |
274 | {renderProposalsByStatus("pending")}
275 |
276 |
277 | {renderReviewedProposals("reviewed")}
278 |
279 |
280 | {renderProposalsByStatus("approved")}
281 |
282 |
283 | {renderProposalsByStatus("rejected")}
284 |
285 |
286 |
287 | );
288 | }
289 |
--------------------------------------------------------------------------------
211 |
220 | Your Proposals
212 | 219 |
256 | {proposals.map((proposal) => (
257 |
260 | ) : (
261 |
262 |
271 | )}
272 | 264 | No Proposals Yet 265 |
266 |267 | It looks like you haven't created any proposals. Get started by 268 | clicking the button above! 269 |
270 |