+
+ );
+}
diff --git a/src/pages/Campus/Campus.tsx b/src/pages/Campus/Campus.tsx
index 5221466..8ee2ebe 100644
--- a/src/pages/Campus/Campus.tsx
+++ b/src/pages/Campus/Campus.tsx
@@ -1,37 +1,13 @@
-import { useState, useMemo, useEffect } from 'react';
+import { useState } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
import {
- ChevronRight,
- MapPin,
- ZoomIn,
- ZoomOut,
- Maximize2,
- Minimize2,
- Download,
- Compass,
- Layers,
- Building2,
- CheckCircle2,
- Sparkles,
- X,
- Target,
- Search,
- Users,
- BookOpen,
- Filter,
- ArrowUpDown,
- Loader2,
+ ChevronRight, MapPin, ZoomIn, ZoomOut, Maximize2, Minimize2,
+ Download, Compass, Layers, Building2, CheckCircle2, Sparkles, X, Target
} from 'lucide-react';
import SectionTitle from '@/components/SectionTitle/SectionTitle';
-import BusCard from '@/components/BusCard/BusCard';
-import BusRouteMap from '@/components/BusRouteMap/BusRouteMap';
-import FacultyCard from '@/components/FacultyCard/FacultyCard';
-import { StaggerContainer, StaggerItem } from '@/components/AnimatedContainer/AnimatedContainer';
-import { FACULTY_DATA, CAMPUS_LOCATIONS, DEPARTMENTS } from '@/constants';
+import { CAMPUS_LOCATIONS } from '@/constants';
import * as LucideIcons from 'lucide-react';
-import { useLocation } from 'react-router-dom';
-import type { BusRoute } from '@/types';
-import { getBackendUrl } from '@/lib/utils';
+import { Link } from 'react-router-dom';
interface LocationSpot {
name: string;
@@ -87,23 +63,7 @@ const CATEGORY_MAP_SPOTS: Record
+ {/* Header */}
+
+
+
+
+
+
+
+ Home
+
+ + RIT{' '} + + Bus Routes + +
++ View all campus bus routes, timings, and pickup locations at a glance. +
+
+
+
+
+
+ {loadingBus ? (
+
+
+ ) : filteredRoutes.length === 0 ? (
+ + Loading live bus routes from RIT Transport... +
+
+
+ ) : (
+ + No bus routes found matching "{busSearch}" +
+
+ {/* Routes List */}
+
+ )}
+
+
+ {filteredRoutes.map((route) => (
+
+ setSelectedBusRoute(route)}
+ />
+
+ ))}
+
+
+
+ {/* Interactive Map */}
+
+
+
- {/* Background decorations for Faculty tab */}
- {activeTab === 'faculty' && (
-
-
-
-
-
-
- )}
+
{/* Header */}
-
-
-
- Home
-
-
-
+
-
+
-
+ Home
+
+ + Explore{' '} + + Campus Map + +
++ Navigate campus layout, click location categories or blocks to spot exact places on the blueprint. +
- Explore{' '} - - Campus Map - -
-- Navigate campus layout, click location categories or blocks to spot exact places on the blueprint. -
-
- {/* Tabs */}
-
-
- {/* Map Viewer Header Bar */}
-
- {TABS.map((tab) => {
- const Icon = (LucideIcons as unknown as Record>)[tab.icon];
- return (
-
- );
- })}
- {activeTab === 'map' && (
-
-
-
- {/* Blueprint Main Canvas Container with Spotting Markers */}
-
-
-
- {/* Toolbar Controls */}
-
-
-
- - Rajalakshmi Institute of Technology -
-
-
- {/* Zoom Controls */}
-
-
-
-
-
-
-
- {/* Fullscreen Button */}
-
-
- {/* Download Button */}
-
-
-
-
- {/* Quick Location Categories Bar */}
-
-
- {/* Main Campus Map Image Container */}
-
-
-
- {/* Active Spotting Info Banner Overlay at Bottom */}
-
- 
-
- {/* Interactive Spot Markers overlayed on map image */}
- {LOCATION_SPOTS.map((spot) => {
- const isHighlighted = highlightedSpotNames.has(spot.name);
- const isSelected = selectedFacility?.name === spot.name;
-
- return (
-
- setSelectedFacility(spot)}
- >
- {/* Glowing Pulsing Ring if Highlighted */}
- {isHighlighted && (
-
-
-
- );
- })}
-
- {spot.name}
-
-
- {activeCategory ? (
-
-
-
- ) : selectedFacility ? (
-
-
- ) : (
-
-
- )}
-
-
-
- {/* Blueprint Legend & Color Key */}
-
-
- - Quick Location Categories -
- {activeCategory && ( - - )} -
- {CAMPUS_LOCATIONS.map((loc) => {
- const Icon = (LucideIcons as unknown as Record>)[loc.icon];
- const isCatActive = activeCategory === loc.id;
- return (
- handleCategoryClick(loc.id)}
- className={`flex flex-col items-center gap-2.5 p-3 rounded-2xl transition-all border cursor-pointer group ${
- isCatActive
- ? 'border-orange-500 bg-orange-500 text-white shadow-lg ring-2 ring-orange-400/30'
- : 'border-transparent hover:border-[#FED7AA] hover:bg-orange-50/50'
- }`}
- >
-
- );
- })}
-
-
- {Icon &&
-
- {loc.name}
-
-
-
-
- {/* Blueprint Facilities List & Quick Selector */}
-
-
- - Blueprint Map Legend -
-
- {BLUEPRINT_LEGEND.map((item) => {
- const isActive = activeLegend === item.id;
- return (
-
- );
- })}
-
-
-
+
+
+ {/* Map Viewer Header Bar */}
+
-
- {/* Fullscreen Lightbox Modal */}
-
- {isFullscreen && (
-
-
-
-
-
-
- {filteredFacilities.length} Locations Mapped
-
- - Campus Blocks & Facilities Index -
+
+
+
- - Click any facility card below to spot its exact location on the campus map image. +
+ Rajalakshmi Institute of Technology +
+
+
- {filteredFacilities.map((facility) => {
- const isSelected = selectedFacility?.name === facility.name;
- const isHighlighted = highlightedSpotNames.has(facility.name);
- return (
- {
- if (isSelected) {
- setSelectedFacility(null);
- } else {
- setSelectedFacility(facility);
- setActiveCategory(null);
- }
- }}
- className={`text-left p-4 rounded-2xl border transition-all cursor-pointer ${
- isSelected
- ? 'border-[#F97316] bg-orange-500 text-white shadow-lg ring-2 ring-orange-400/40'
- : isHighlighted
- ? 'border-[#F97316] bg-orange-50/90 shadow-md'
- : 'border-[#E5E7EB] bg-[#F8FAFC] hover:bg-white hover:border-orange-200 hover:shadow-xs'
- }`}
- >
-
- );
- })}
-
-
-
- {facility.name}
-
-
- {facility.area}
-
-
- - {facility.desc} -
-
-
-
- RIT Campus Blueprint — Fullscreen Spotter
-
-
-
+ {/* Toolbar Controls */}
+
+
+
+
+
-
-
+
+ {/* Blueprint Main Canvas Container */}
+
-
+
+
+
+
+
+
+
+
- )}
-
+
+
- {/* Quick Nav */}
-
+
+
{LOCATION_SPOTS.map((spot) => {
const isHighlighted = highlightedSpotNames.has(spot.name);
const isSelected = selectedFacility?.name === spot.name;
+
return (
-
- setSelectedFacility(spot)}
- >
-
-
+
);
})}
setSelectedFacility(spot)}>
+ {isHighlighted && (
+
+
- {spot.name}
-
- {spot.name}
+
- {CAMPUS_LOCATIONS.map((loc) => {
- const Icon = (LucideIcons as unknown as Record>)[loc.icon];
- return (
-
-
- {/* Faculty Hero Section */}
-
- {Icon &&
-
-
- {loadingBus ? (
-
+ {activeCategory ? (
+
-
- )}
-
- {/* Bus Routes Tab */}
- {activeTab === 'bus' && (
-
+
-
- {loc.name}
-
-
- );
- })}
-
-
+
+ ) : (
+
+
+ )}
+
-
- ) : filteredRoutes.length === 0 ? (
- - Loading live bus routes from RIT Transport... -
-
-
- ) : (
- - No bus routes found matching "{busSearch}" -
-
- {/* Routes List */}
-
- )}
-
- )}
- {/* Faculty Tab */}
- {activeTab === 'faculty' && (
-
-
- {filteredRoutes.map((route) => (
-
- setSelectedBusRoute(route)}
- />
-
- ))}
-
-
-
- {/* Interactive Map */}
-
-
-
-
-
-
-
- - Faculty Directory -
-- Browse and connect with experienced faculty members. Search by name, department, or specialization. -
+ {/* Quick Location Categories Bar */} +
+
-
{/* ─── Campus Quick Nav ─────────────────────────────────────────────────── */}
@@ -386,86 +316,39 @@ export default function Home() {
{/* ─── Community Teaser ─────────────────────────────────────────────────── */}
-
+
-
- Quick Location Categories
+ {activeCategory && ( + + )}
-
diff --git a/src/pages/Faculty/Faculty.tsx b/src/pages/Faculty/Faculty.tsx
new file mode 100644
index 0000000..889c8bc
--- /dev/null
+++ b/src/pages/Faculty/Faculty.tsx
@@ -0,0 +1,188 @@
+import { useState, useMemo } from 'react';
+import { motion } from 'framer-motion';
+import { Search, Users, Filter, ArrowUpDown, BookOpen, ChevronRight } from 'lucide-react';
+import FacultyCard from '@/components/FacultyCard/FacultyCard';
+import { StaggerContainer, StaggerItem } from '@/components/AnimatedContainer/AnimatedContainer';
+import { FACULTY_DATA, DEPARTMENTS } from '@/constants';
+import { Link } from 'react-router-dom';
+
+export default function Faculty() {
+ const [searchFaculty, setSearchFaculty] = useState('');
+ const [selectedDept, setSelectedDept] = useState('All Departments');
+ const [sortBy, setSortBy] = useState('Name A-Z');
+
+ const filteredAndSortedFaculty = useMemo(() => {
+ const filtered = FACULTY_DATA.filter((f) => {
+ const searchLower = searchFaculty.trim().toLowerCase();
+ const matchSearch =
+ f.name.toLowerCase().includes(searchLower) ||
+ f.department.toLowerCase().includes(searchLower) ||
+ f.designation.toLowerCase().includes(searchLower) ||
+ (f.specialization && f.specialization.toLowerCase().includes(searchLower));
+
+ const matchDept = selectedDept === 'All Departments' || f.department === selectedDept;
+ return matchSearch && matchDept;
+ });
+
+ return filtered.sort((a, b) => {
+ if (sortBy === 'Name A-Z') return a.name.localeCompare(b.name);
+ if (sortBy === 'Department') return a.department.localeCompare(b.department);
+ if (sortBy === 'Designation') return a.designation.localeCompare(b.designation);
+ return 0;
+ });
+ }, [searchFaculty, selectedDept, sortBy]);
+
+ return (
+ Department Overview
-
- {[
- { abrv: 'CSE', full: 'Computer Science & Engineering', color: 'blue' },
- { abrv: 'CSBS', full: 'Computer Science & Business Systems', color: 'indigo' },
- { abrv: 'AIML', full: 'Artificial Intelligence & Machine Learning', color: 'sky' },
- { abrv: 'ECE', full: 'Electronics & Communication Engineering', color: 'purple' },
- { abrv: 'MECH', full: 'Mechanical Engineering', color: 'orange' },
- { abrv: 'CIVIL', full: 'Civil Engineering', color: 'emerald' },
- { abrv: 'AI & DS', full: 'Artificial Intelligence & Data Science', color: 'pink' },
- { abrv: 'EEE', full: 'Electrical & Electronics Engineering', color: 'yellow' },
- ].map(d => {
- const count = FACULTY_DATA.filter(f => f.department === d.full).length;
- return (
-
- {/* Search Section */}
-
-
- {d.abrv}
-
- {count}
+
+ {CAMPUS_LOCATIONS.map((loc) => {
+ const Icon = (LucideIcons as unknown as Record>)[loc.icon];
+ const isCatActive = activeCategory === loc.id;
+ return (
+ handleCategoryClick(loc.id)} className={`flex flex-col items-center gap-2.5 p-3 rounded-2xl transition-all border cursor-pointer group ${isCatActive ? 'border-orange-500 bg-orange-500 text-white shadow-lg ring-2 ring-orange-400/30' : 'border-transparent hover:border-[#FED7AA] hover:bg-orange-50/50'}`}>
+
+ {loc.name}
+
+ );
+ })}
+ {Icon &&
- );
- })}
-
-
-
-);
+ );
}
diff --git a/src/pages/Community/Community.tsx b/src/pages/Community/Community.tsx
index 24cd6cc..b7510e9 100644
--- a/src/pages/Community/Community.tsx
+++ b/src/pages/Community/Community.tsx
@@ -8,7 +8,6 @@ import SectionTitle from '@/components/SectionTitle/SectionTitle';
import { getBackendUrl } from '@/lib/utils';
import { StaggerContainer, StaggerItem } from '@/components/AnimatedContainer/AnimatedContainer';
import AnimatedContainer from '@/components/AnimatedContainer/AnimatedContainer';
-import { CONFESSIONS_DATA } from '@/constants';
const TRENDING_TAGS = ['hostel', 'academics', 'clubs', 'campus', 'canteen', 'sports', 'placement', 'library', 'cat exam', 'semester', 'labs', 'exams'];
@@ -270,7 +269,7 @@ export default function Community() {
RIT Community
+
- {filteredAndSortedFaculty.map((faculty) => (
-
-
- ))}
-
- ) : (
-
-
+
- Blueprint Map Legend
-
- {/* Grid */}
- {filteredAndSortedFaculty.length > 0 ? (
-
-
-
-
+
+ {BLUEPRINT_LEGEND.map((item) => {
+ const isActive = activeLegend === item.id;
+ return (
+
+ );
+ })}
-
No faculty found
-Try adjusting your search or filters.
+ {/* Blueprint Facilities Index */} +
+
+ {isFullscreen && (
+
+
+ )}
+
- )}
+
+
+
+
+ {filteredFacilities.length} Locations Mapped
+
+
+ Campus Blocks & Facilities Index
+Click any facility card below to spot its exact location on the campus map image.
+
+ {filteredFacilities.map((facility) => {
+ const isSelected = selectedFacility?.name === facility.name;
+ const isHighlighted = highlightedSpotNames.has(facility.name);
+ return (
+ { if (isSelected) setSelectedFacility(null); else { setSelectedFacility(facility); setActiveCategory(null); } }} className={`text-left p-4 rounded-2xl border transition-all cursor-pointer ${isSelected ? 'border-[#F97316] bg-orange-500 text-white shadow-lg ring-2 ring-orange-400/40' : isHighlighted ? 'border-[#F97316] bg-orange-50/90 shadow-md' : 'border-[#E5E7EB] bg-[#F8FAFC] hover:bg-white hover:border-orange-200 hover:shadow-xs'}`}>
+
+ );
+ })}
- )}
-
- {/* Bottom Status */}
-
+ {facility.name}
+ {facility.area}
+
+ {facility.desc}
+
-
- 👥
-
- Showing {filteredAndSortedFaculty.length} Faculty Members
-
-
+
+ {/* Fullscreen Lightbox Modal */}
+
+
+
+
+
+ RIT Campus Blueprint — Fullscreen Spotter
+
+
+
+
+ {LOCATION_SPOTS.map((spot) => {
+ const isHighlighted = highlightedSpotNames.has(spot.name);
+ const isSelected = selectedFacility?.name === spot.name;
+ return (
+
+ setSelectedFacility(spot)}>
+
+ );
+ })}
+
+
+ {spot.name}
+ - Ask questions, share confessions, and connect with fellow RIT students. + Ask questions and connect with fellow RIT students.
+ {/* Background decorations */}
+
+ );
+}
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index 8f97d46..9c747c2 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -7,7 +7,6 @@ import {
import SectionTitle from '@/components/SectionTitle/SectionTitle';
import FeatureCard from '@/components/FeatureCard/FeatureCard';
import FloatingCard from '@/components/FloatingCard/FloatingCard';
-import ChatPreview from '@/components/ChatPreview/ChatPreview';
import { StaggerContainer, StaggerItem } from '@/components/AnimatedContainer/AnimatedContainer';
import AnimatedContainer from '@/components/AnimatedContainer/AnimatedContainer';
import { FEATURES, CAMPUS_LOCATIONS } from '@/constants';
@@ -123,7 +122,7 @@ export default function Home() {
style={{ fontFamily: 'Poppins, sans-serif' }}
>
+
+
+
+
+
+
+
+ {/* Header */}
+
+
+
+
+
+
+
+ Home
+
+ + Faculty{' '} + + Directory + +
++ Browse and connect with experienced faculty members across all departments. +
+
+ {/* Faculty Hero Section */}
+
+ {filteredAndSortedFaculty.map((faculty) => (
+
+
+ ))}
+
+ ) : (
+
+
+
+
+ {/* Search Section */}
+
+
+
+
+
+
+ + Faculty Directory +
++ Browse and connect with experienced faculty members. Search by name, department, or specialization. +
+
+
+ Department Overview
+
+ {[
+ { abrv: 'CSE', full: 'Computer Science & Engineering', color: 'blue' },
+ { abrv: 'CSBS', full: 'Computer Science & Business Systems', color: 'indigo' },
+ { abrv: 'AIML', full: 'Artificial Intelligence & Machine Learning', color: 'sky' },
+ { abrv: 'ECE', full: 'Electronics & Communication Engineering', color: 'purple' },
+ { abrv: 'MECH', full: 'Mechanical Engineering', color: 'orange' },
+ { abrv: 'CIVIL', full: 'Civil Engineering', color: 'emerald' },
+ { abrv: 'AI & DS', full: 'Artificial Intelligence & Data Science', color: 'pink' },
+ { abrv: 'EEE', full: 'Electrical & Electronics Engineering', color: 'yellow' },
+ ].map(d => {
+ const count = FACULTY_DATA.filter(f => f.department === d.full).length;
+ return (
+
+
+
+ );
+ })}
+
+ {d.abrv}
+
+ {count}
+
+
+
+ {/* Grid */}
+ {filteredAndSortedFaculty.length > 0 ? (
+
+
+
+
+
+
+
+
+
+
+ )}
+
+ {/* Bottom Status */}
+ No faculty found
+Try adjusting your search or filters.
+
+
+ 👥
+
+ Showing {filteredAndSortedFaculty.length} Faculty Members
+
+
+
+
@@ -227,76 +226,7 @@ export default function Home() {
- {/* ─── AI Section ───────────────────────────────────────────────────────── */}
-
-
-
- {/* Left – Text */}
-
-
-
-
-
-
- {/* Right – Chat Preview */}
-
-
-
-
-
- - Your 24/7{' '} - - Campus Guide - -
-- Ask anything about RIT — from admission documents to canteen timings. Our AI assistant, powered by Google Gemini with campus-specific knowledge, gives you instant, accurate answers. -
-
- {[
- { icon: 'Brain', label: 'Gemini AI', desc: 'State-of-the-art AI' },
- { icon: 'Database', label: 'RAG System', desc: 'Campus knowledge base' },
- { icon: 'Map', label: 'Campus Context', desc: 'RIT-specific answers' },
- { icon: 'Zap', label: 'Instant Answers', desc: 'No wait time' },
- ].map((item, i) => {
- const Icon = (LucideIcons as unknown as Record>)[item.icon];
- return (
-
-
-
-
-
- );
- })}
-
- {Icon &&
-
-
- {item.label}
- {item.desc}
-
-
- {/* Q&A teaser */}
-
-
-
-
-
-
-
+ Freshers Q&A
-Get answers from seniors
-
+ {/* Q&A teaser */}
+
+
+
diff --git a/src/pages/Profile/Profile.tsx b/src/pages/Profile/Profile.tsx
deleted file mode 100644
index 9c44fd5..0000000
--- a/src/pages/Profile/Profile.tsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import { useState } from 'react';
-import { motion } from 'framer-motion';
-import {
- User, Mail, Phone, GraduationCap, BookOpen,
- Settings, LogOut, Edit3, Camera, Bell,
- Shield, Star, Calendar, ChevronRight
-} from 'lucide-react';
-import AnimatedContainer from '@/components/AnimatedContainer/AnimatedContainer';
-import { StaggerContainer, StaggerItem } from '@/components/AnimatedContainer/AnimatedContainer';
-
-const MOCK_USER = {
- name: 'Arjun Kumar',
- rollNo: 'CB.EN.U4CSE25001',
- department: 'Computer Science & Engineering',
- semester: '1st Semester',
- email: 'arjun.kumar@rit.ac.in',
- phone: '+91 98765 43210',
- joinedDate: 'August 2025',
- batch: '2025-2029',
-};
-
-const ACTIVITY = [
- { label: 'Notes Downloaded', value: '12', icon: BookOpen, color: '#F97316' },
- { label: 'Questions Asked', value: '3', icon: Star, color: '#8B5CF6' },
- { label: 'Events Registered', value: '2', icon: Calendar, color: '#10B981' },
- { label: 'AI Queries', value: '48', icon: Shield, color: '#3B82F6' },
-];
-
-const MENU_ITEMS = [
- { icon: Bell, label: 'Notifications', badge: '3' },
- { icon: BookOpen, label: 'My Downloads', badge: null },
- { icon: Star, label: 'Bookmarks', badge: null },
- { icon: Settings, label: 'Settings', badge: null },
- { icon: Shield, label: 'Privacy & Security', badge: null },
-];
-
-export default function Profile() {
- const [isEditing, setIsEditing] = useState(false);
-
- return (
-
+
-
+
-
- {['How is hostel life at RIT?', 'Best clubs to join as a fresher?', 'Tips for first semester survival'].map((q, i) => (
-
- Join the Discussion
-
-
-
-
- {/* Anonymous Confession Teaser */}
-
- Q
- {q}
-
- ))}
+
+
-
- Freshers Q&A
+Get answers from seniors
-
+ Join the Discussion
+
+
+
+
-
+
+
-
- Confess Anonymously
-
-
+ ))}
-
-
+ {['How is hostel life at RIT?', 'Best clubs to join as a fresher?', 'Tips for first semester survival'].map((q, i) => (
+
-
+ Q
+ {q}
-
-
- Anonymous Confessions
-Share without revealing identity
-
- {[
- { text: "I went to the wrong department on my first day 😅", reactions: 87 },
- { text: "The library WiFi is faster than my home connection 😂", reactions: 134 },
- ].map((c, i) => (
-
-
-
- ))}
- {c.text}
-
-
-
-
-
-
- {/* Header */}
-
- );
-}
diff --git a/src/types/index.ts b/src/types/index.ts
index 84935cd..a621864 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -142,14 +142,6 @@ export interface Question {
isAnswered: boolean;
}
-export interface Confession {
- id: string;
- content: string;
- createdAt: string;
- reactions: number;
- category?: string;
-}
-
// ─── AI Chat ─────────────────────────────────────────────────────────────────
export interface ChatMessage {
id: string;
-
-
-
-
-
-
- {/* Avatar */}
- setIsEditing(!isEditing)}
- className="flex items-center gap-2 px-5 py-2.5 rounded-xl text-white text-sm font-semibold border border-white/20 hover:bg-white/10 transition-all"
- style={{ fontFamily: 'Poppins, sans-serif' }}
- >
-
-
-
-
- AK
-
-
-
-
- {/* Info */}
-
-
-
- {/* Edit button */}
- - {MOCK_USER.name} -
-- {MOCK_USER.rollNo} -
-- {MOCK_USER.department} · {MOCK_USER.batch} -
-
-
- {MOCK_USER.semester}
-
-
- Active Student
-
-
-
-
-
- {/* Left */}
-
-
- {/* Activity Stats */}
-
-
-
- {/* Personal Details */}
-
-
-
-
- {/* Right Sidebar */}
-
- {ACTIVITY.map((item, i) => (
-
-
- ))}
-
-
-
-
- {item.value}
-
- {item.label}
-
-
- - Personal Information -
-
- {[
- { icon: User, label: 'Full Name', value: MOCK_USER.name },
- { icon: GraduationCap, label: 'Roll Number', value: MOCK_USER.rollNo },
- { icon: Mail, label: 'Email', value: MOCK_USER.email },
- { icon: Phone, label: 'Phone', value: MOCK_USER.phone },
- { icon: BookOpen, label: 'Department', value: MOCK_USER.department },
- { icon: Calendar, label: 'Joined', value: MOCK_USER.joinedDate },
- ].map((item, i) => (
-
-
-
- ))}
-
-
-
-
- {item.label}
- {item.value}
-
- {/* Menu */}
-
-
-
- {/* Logout */}
-
-
-
-
-
-
- {MENU_ITEMS.map((item, i) => (
-
-
- ))}
-
-
-
-
- {item.badge && (
-
- {item.badge}
-
- )}
-
-