Loading...
; } return children; }; + diff --git a/src/pages/api/db/profile/index.ts b/src/pages/api/db/profile/index.ts new file mode 100644 index 00000000..b5153383 --- /dev/null +++ b/src/pages/api/db/profile/index.ts @@ -0,0 +1,62 @@ +import { firestore } from '../../../../utils/firebaseInit'; +import { + collection, + doc, + getDoc, + getDocs, + updateDoc, + setDoc, +} from 'firebase/firestore'; +import { NextApiRequest, NextApiResponse } from 'next'; + +const profilesCollection = collection(firestore, 'profiles'); + +export default async function handler(req: NextApiRequest, res: NextApiResponse) { + const { method, body, query } = req; + + switch (method) { + case 'GET': + try { + const { id } = query; + if (!id || typeof id !== 'string') { + return res.status(400).json({ message: 'Profile ID is required' }); + } + + const profileDoc = await getDoc(doc(profilesCollection, id)); + if (!profileDoc.exists()) { + return res.status(404).json({ message: 'Profile not found' }); + } + + res.status(200).json({ message: 'Profile Fetched', result: profileDoc.data() }); + } catch (err) { + res.status(500).json({ message: 'Error fetching profile', error: err }); + } + break; + + case 'PUT': + try { + const { id } = query; + if (!id || typeof id !== 'string') { + return res.status(400).json({ message: 'Profile ID is required' }); + } + + const profileRef = doc(profilesCollection, id); + const profileDoc = await getDoc(profileRef); + + if (!profileDoc.exists()) { + await setDoc(profileRef, body); + } else { + await updateDoc(profileRef, body); + } + + res.status(200).json({ message: 'Hoorayy! Profile Updated' }); + } catch (err) { + res.status(500).json({ message: 'Error updating profile', error: err }); + } + break; + + default: + res.status(405).json({ message: 'Method Not Allowed' }); + } +} + diff --git a/src/pages/discussion.tsx b/src/pages/discussion.tsx new file mode 100644 index 00000000..6c6384fb --- /dev/null +++ b/src/pages/discussion.tsx @@ -0,0 +1,96 @@ +import { useState, useEffect } from 'react'; +import { firestore } from '../utils/firebaseInit'; +import { collection, addDoc, query, orderBy, onSnapshot, serverTimestamp } from 'firebase/firestore'; +import { useAuth } from '../contexts/auth'; +import { FaThumbsUp, FaReply, FaThumbtack, FaEdit, FaTrash } from 'react-icons/fa'; +import bgImage from 'assets/discussion-bg.png'; + + +const DiscussionPage = () => { + const { user } = useAuth(); + const [messages, setMessages] = useState([]); + const [newMessage, setNewMessage] = useState(''); + const [selectedMessage, setSelectedMessage] = useState(null); + + useEffect(() => { + const messagesCollection = collection(firestore, 'discussion'); + const q = query(messagesCollection, orderBy('createdAt', 'asc')); + + const unsubscribe = onSnapshot(q, (querySnapshot) => { + const fetchedMessages = querySnapshot.docs.map((doc) => ({ + id: doc.id, + ...doc.data(), + })); + setMessages(fetchedMessages); + }); + + return () => unsubscribe(); + }, []); + + const sendMessage = async () => { + if (!newMessage.trim()) return; + try { + await addDoc(collection(firestore, 'discussion'), { + text: newMessage, + author: user?.displayName || 'Anonymous', + createdAt: serverTimestamp(), + }); + setNewMessage(''); + } catch (error) { + console.error('Error sending message:', error); + } + }; + + return ( +
+
+ );
+};
+
+export default DiscussionPage;
+
diff --git a/src/pages/profile.tsx b/src/pages/profile.tsx
new file mode 100644
index 00000000..2d6f85e9
--- /dev/null
+++ b/src/pages/profile.tsx
@@ -0,0 +1,198 @@
+import React, { useEffect, useState } from 'react';
+import { ProfileData } from '../types/profileColumnData';
+import { toast } from 'react-hot-toast';
+import { updateProfile } from '../services/db/profile/updateProfile';
+import { useAuth } from '../contexts/auth';
+import { firestore } from '../utils/firebaseInit';
+import { collection, query, where, getDocs } from 'firebase/firestore';
+import { useRouter } from 'next/router';
+
+const ProfilePage: React.FC = () => {
+ const router = useRouter();
+ const [profile, setProfile] = useState💬 Welcome to the Discussion
+ +
+
+
+
+ {messages.length === 0 && (
+
+
+ No messages yet. Start the conversation!
+ )} + {messages.map((msg) => ( + setSelectedMessage(msg.id === selectedMessage ? null : msg.id)}
+ >
+
+ ))}
+ {msg.author}
+{msg.text}
+ {selectedMessage === msg.id && ( +
+
+
+
+
+
+
+ )}
+
+ setNewMessage(e.target.value)}
+ className="flex-1 p-4 border rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-blue-400 text-lg"
+ placeholder="Type a message..."
+ />
+
+
+
+
+ );
+};
+
+export default ProfilePage;
diff --git a/src/pages/template.tsx b/src/pages/template.tsx
new file mode 100644
index 00000000..8b5b904c
--- /dev/null
+++ b/src/pages/template.tsx
@@ -0,0 +1,260 @@
+import React, { useState, useEffect } from 'react';
+import { useRouter } from 'next/router';
+import Link from 'next/link';
+import { FaUniversity, FaGraduationCap, FaPlus } from 'react-icons/fa';
+
+// Define the college data for each template
+const collegesData = {
+ iits: ['IIT Bombay', 'IIT Delhi', 'IIT Madras', 'IIT Kanpur', 'IIT Kharagpur'],
+ nits: ['NIT Trichy', 'NIT Warangal', 'NIT Surathkal', 'NIT Calicut', 'NIT Rourkela'],
+ iiits: ['IIIT Hyderabad', 'IIIT Bangalore', 'IIIT Delhi', 'IIIT Allahabad', 'IIIT Jabalpur'],
+ other: [], // For user-added colleges
+};
+
+// TemplateCard component
+interface TemplateCardProps {
+ name: string;
+ route: string;
+ description?: string;
+ isAddCard?: boolean; // For the "Add College" card
+ onAddCollege?: (collegeName: string) => void; // Function to add a college
+}
+
+const TemplateCard: React.FC
+ {profile && (
+
+
+
+ )}
+
+ 
+
+
+
+ {editMode ? (
+
+
+
+
+
+
+
+ ) : (
+
+
+
+
+
+ {profile.name}
+ {profile.branch}
+ {profile.college}
+
+ )}
+
+
+
+
+
+
+ 📑 My Courses
+
+ {[...Array(4)].map((_, i) => (
+
+ ))}
+
+
+
+
+
+
+ {/* Adjusted height */}
+ {isAddCard ? (
+
+ );
+};
+
+// CollegeCard component
+interface CollegeCardProps {
+ name: string;
+}
+
+const CollegeCard: React.FC
+
+ ) : (
+
+
+
+
+
+
+ {description && (
+ {name}
+{description}
+ )} +
+ View {name}
+
+
+
+
+ )}
+ {/* Adjusted height */}
+
+ );
+};
+
+// CollegeList component
+interface CollegeListProps {
+ colleges: string[];
+ onAddCollege?: (collegeName: string) => void; // Function to add a college
+}
+
+const CollegeList: React.FC
+
+
+
+ {name}
+Explore courses, notes, and PYQs for {name}.
+
+ Learn More
+
+
+ {/* Increased top padding to move cards down */}
+
+
+ );
+};
+
+// SkeletonCard component (for loading state)
+const SkeletonCard = () => {
+ return (
+ Colleges
+
+ {colleges.map((college, index) => (
+
+ {/* Adjusted height */}
+
+ );
+};
+
+// Main TemplatePage component
+const TemplatePage = () => {
+ const router = useRouter();
+ const { template } = router.query;
+ const [isLoading, setIsLoading] = useState(true); // Simulate loading state
+ const [colleges, setColleges] = useState(collegesData); // State for colleges
+
+ // Simulate loading delay
+ useEffect(() => {
+ const timer = setTimeout(() => setIsLoading(false), 1000); // 1 second delay
+ return () => clearTimeout(timer);
+ }, []);
+
+ // Function to add a college to a specific category
+ const handleAddCollege = (category: keyof typeof colleges, collegeName: string) => {
+ setColleges((prev) => ({
+ ...prev,
+ [category]: [...prev[category], collegeName],
+ }));
+ };
+
+ // If a template is selected, show the list of colleges
+ if (template) {
+ const selectedColleges = colleges[template as keyof typeof colleges] || [];
+ return (
+
+
+
+
+
+
+
+ handleAddCollege(template as keyof typeof colleges, collegeName)}
+ />
+
+ );
+ }
+
+ // Otherwise, show the list of templates
+ const templates = [
+ {
+ id: 1,
+ name: 'IITs',
+ route: '/template?template=iits',
+ description: 'Indian Institutes of Technology - Premier engineering institutes in India.',
+ },
+ {
+ id: 2,
+ name: 'NITs',
+ route: '/template?template=nits',
+ description: 'National Institutes of Technology - Top engineering colleges in India.',
+ },
+ {
+ id: 3,
+ name: 'IIITs',
+ route: '/template?template=iiits',
+ description: 'Indian Institutes of Information Technology - Focused on IT and computer science.',
+ },
+ {
+ id: 4,
+ name: 'Other',
+ route: '/template?template=other',
+ description: 'Add your college here.',
+ },
+ ];
+
+ return (
+
+
+ );
+};
+
+export default TemplatePage;
diff --git a/src/services/db/courses/updateCourse.ts b/src/services/db/courses/updateCourse.ts
index 92b162b8..a97c439e 100644
--- a/src/services/db/courses/updateCourse.ts
+++ b/src/services/db/courses/updateCourse.ts
@@ -2,11 +2,11 @@ import { toast } from 'react-hot-toast'
import { api } from '../../../utils/api'
interface Props {
- id: number
- title: string
- code: string
- isAnonymous: boolean
- refetch: Function
+ id: number;
+ title: string;
+ code: string;
+ isAnonymous: boolean;
+ refetch: Function;
}
export const updateCourse = ({
diff --git a/src/services/db/profile/getProfile.ts b/src/services/db/profile/getProfile.ts
new file mode 100644
index 00000000..29463400
--- /dev/null
+++ b/src/services/db/profile/getProfile.ts
@@ -0,0 +1,11 @@
+import { toast } from 'react-hot-toast'
+import { api } from '../../../utils/api'
+
+export const getProfile = async () => {
+ try {
+ const { data } = await api.get('/api/db/profile')
+ return data.result
+ } catch (err: any) {
+ toast.error(err.message)
+ }
+}
diff --git a/src/services/db/profile/updateProfile.ts b/src/services/db/profile/updateProfile.ts
new file mode 100644
index 00000000..ca3b2ae6
--- /dev/null
+++ b/src/services/db/profile/updateProfile.ts
@@ -0,0 +1,21 @@
+import { toast } from 'react-hot-toast';
+import { api } from '../../../utils/api';
+
+interface Props {
+ id: number;
+ name: string;
+ email: string;
+ bio: string;
+}
+
+export const updateProfile = async ({ id, name, email, bio }: Props) => {
+ try {
+ const res = await api.put(`/api/db/profile?id=${id}`, { name, email, bio });
+ toast.success(res.data.message);
+ return res.data;
+ } catch (err: any) {
+ toast.error(`Error: ${err.message}`);
+ throw err;
+ }
+};
+
diff --git a/src/types/profileColumnData.ts b/src/types/profileColumnData.ts
new file mode 100644
index 00000000..409583c1
--- /dev/null
+++ b/src/types/profileColumnData.ts
@@ -0,0 +1,8 @@
+export type ProfileData = {
+ id?: string;
+ name: string;
+ email: string;
+ bio?: string;
+ profileImage?: string;
+};
+
{/* Increased top padding to move cards down */}
+
+ College Templates
+ {isLoading ? ( +
+ {[...Array(8)].map((_, index) => (
+
+ ) : (
+
+ {templates.map((template) => (
+
+ )}
+