From 600cdf3b12a1893e680ad11d337d1781437a58ef Mon Sep 17 00:00:00 2001 From: Anuraj Upadhyay Date: Mon, 24 Aug 2026 20:54:14 +0530 Subject: [PATCH] added vtool links wrt to events --- src/components/ui/EventDetailsModal.tsx | 9 ++-- src/data/events.ts | 70 ++++++++++++++++++++++--- src/pages/home/components/Events.tsx | 13 +++-- src/pages/home/components/Hero.tsx | 6 +-- 4 files changed, 82 insertions(+), 16 deletions(-) diff --git a/src/components/ui/EventDetailsModal.tsx b/src/components/ui/EventDetailsModal.tsx index fda2433..a7cea3a 100644 --- a/src/components/ui/EventDetailsModal.tsx +++ b/src/components/ui/EventDetailsModal.tsx @@ -53,7 +53,7 @@ const EventDetailsModal: React.FC = ({ event, onClose }) alt="" className="absolute inset-0 w-full h-full object-cover" /> -
+
-

+

{event.type} {event.status ? ` ยท ${event.status}` : ''}

-

+

{event.title}

diff --git a/src/data/events.ts b/src/data/events.ts index 8747e8d..0df041e 100644 --- a/src/data/events.ts +++ b/src/data/events.ts @@ -6,7 +6,7 @@ export const events = [ status: 'completed', startDate: '22 April 2026', endDate: '22 April 2026', - vtool: '', + vtool: 'https://events.vtools.ieee.org/m/563843', venue: 'MSIT, Room No. 406', registrationType: 'free', actionLinks: [ @@ -27,7 +27,7 @@ export const events = [ status: 'completed', startDate: '23 June 2026', endDate: '23 June 2026', - vtool: '', + vtool: 'https://events.vtools.ieee.org/m/565272', venue: 'Online', registrationType: 'free', actionLinks: [ @@ -90,7 +90,7 @@ export const events = [ status: 'completed', startDate: '13 April, 2026', endDate: '13 April, 2026', - vtool: '', + vtool: 'https://events.vtools.ieee.org/m/567393', venue: 'Google Meet', registrationType: 'free', actionLinks: ['join: Online Webinar'], @@ -109,7 +109,7 @@ export const events = [ status: 'completed', startDate: '16 April 2026', endDate: '16 April 2026', - vtool: '', + vtool: 'https://events.vtools.ieee.org/m/556535', venue: 'Room No 206', registrationType: 'free', actionLinks: ['contact: JAYANT : 95999 18990', 'contact: RADHIKA : 96504 22130'], @@ -128,7 +128,7 @@ export const events = [ status: 'completed', startDate: '17th April 2026', endDate: '17th April 2026', - vtool: '', + vtool: 'https://events.vtools.ieee.org/m/563842', venue: 'Room no. 206', registrationType: 'free', actionLinks: ['contact: Sumit Roy : +91 8510020963', 'contact: Lakshay : +91 7988944892'], @@ -215,7 +215,7 @@ export const events = [ status: 'completed', startDate: 'Aug 19th 2026', endDate: 'Aug 21st 2026', - vtool: 'https://events.vtools.ieee.org/m/567513', + vtool: 'https://events.vtools.ieee.org/m/574016', venue: 'MSIT', registrationType: 'free', actionLinks: [ @@ -279,7 +279,7 @@ export const events = [ status: 'completed', startDate: '04th July 2026', endDate: '04th July 2026', - vtool: '', + vtool: 'https://events.vtools.ieee.org/m/567182', venue: 'Online Webinar', registrationType: 'free', actionLinks: [ @@ -350,4 +350,60 @@ export const events = [ cloudinary_url: '/projects/events/IMG-20260623-WA0005.jpg', organisedBy: 'WIE IEEE India Council & WIE IEEE Delhi Section', }, + { + title: 'Hack AVENSIS', + type: 'hackathon', + category: 'Hackathon & Coding', + status: 'completed', + startDate: '12 February 2026', + endDate: '13 February 2026', + vtool: 'https://events.vtools.ieee.org/m/553145', + venue: 'MSIT 1st floor', + registrationType: 'free', + actionLinks: ['contact: Sneha : 63778 28916', 'contact: Biswamohan : 95990 28140'], + prizes: ['Prize Upto INR 32K', 'Workshops | Mentorship | Networking'], + description: + 'AVENSIS 2026 presents Hack AVENSIS powered by Unstop. A 24-hour hackathon covering domains such as Software, AIML, Web, IoT, and Cyber Embedded.', + isRelevant: true, + cloudinary_url: + 'https://events.vtools.ieee.org/vtools_ui/media/display/0de73eac-bbe4-4225-a2b1-b420e2343190', + organisedBy: 'AVENSIS 2026', + }, + { + title: 'The STAR Program', + type: 'event', + category: 'STEM & Outreach', + status: 'upcoming', + startDate: '26 August 2026', + endDate: '26 August 2026', + vtool: 'https://events.vtools.ieee.org/m/560365', + venue: 'Government Girls Senior Secondary School', + registrationType: '', + actionLinks: [], + prizes: ['Small rewards for Q&A participation', 'Certificates for top-performing teams'], + description: + "IEEE Women in Engineering (WIE) organizes 'The STAR Program' to inspire young minds in STEM by introducing them to scientific concepts, career opportunities, and engaging hands-on activities, including building simple circuits and interactive project evaluations.", + isRelevant: true, + cloudinary_url: 'WIE.png', + organisedBy: 'IEEE WIE MSIT', + }, + { + title: 'An Exclusive Interview Session with Ms. Nima Arora', + type: 'interview', + category: 'Career & Leadership', + status: 'completed', + startDate: '2026', + endDate: '2026', + vtool: 'https://events.vtools.ieee.org/m/550839', + venue: '', + registrationType: '', + actionLinks: [], + prizes: null, + description: + 'An exclusive interview session conducted by core members of IEEE Women in Engineering (WiE) MSIT with Ms. Nima Arora (Assistant Director General and IAS officer), discussing her journey from college to becoming an IAS officer, career growth, building resilience, and exploring diverse career opportunities beyond conventional technical roles. Insights published in the Leadership Magazine by IEEE WiE MSIT.', + isRelevant: true, + cloudinary_url: + 'https://events.vtools.ieee.org/vtools_ui/media/display/97055157-ede0-4f0e-b035-4b61ee556834', + organisedBy: 'IEEE WiE MSIT', + }, ]; diff --git a/src/pages/home/components/Events.tsx b/src/pages/home/components/Events.tsx index ce8e9d5..e732e29 100644 --- a/src/pages/home/components/Events.tsx +++ b/src/pages/home/components/Events.tsx @@ -1,12 +1,15 @@ -import { useRef } from 'react'; +import { useRef, useState } from 'react'; import { motion } from 'framer-motion'; import { ChevronLeft, ChevronRight, ArrowRight, Eye } from 'lucide-react'; import { Link } from 'react-router-dom'; import { events } from '../../../data/data'; import EventCard from '../../../components/ui/EventCard'; +import EventDetailsModal from '../../../components/ui/EventDetailsModal'; +import type { Event } from '../../../types'; const Events = () => { const eventsCarouselRef = useRef(null); + const [selectedEvent, setSelectedEvent] = useState(null); const scrollAmount = 400; const scrollEventsCarousel = (direction: 'left' | 'right') => { @@ -86,7 +89,7 @@ const Events = () => { transition={{ duration: 0.4, delay: index * 0.08 }} className="w-[280px]" > - + setSelectedEvent(event)} /> ))}
@@ -98,7 +101,7 @@ const Events = () => {
{events.map((event, index) => (
- + setSelectedEvent(event)} />
))}
@@ -133,6 +136,10 @@ const Events = () => {
+ + {selectedEvent && ( + setSelectedEvent(null)} /> + )} ); }; diff --git a/src/pages/home/components/Hero.tsx b/src/pages/home/components/Hero.tsx index 4d6109f..903b87c 100644 --- a/src/pages/home/components/Hero.tsx +++ b/src/pages/home/components/Hero.tsx @@ -106,15 +106,15 @@ const Hero = () => {

We're a community of engineering students who organize{' '} - + workshops, hackathons, and tech events {' '} to help you learn{' '} - + cutting-edge technology , build amazing projects, and connect with{' '} - + like-minded innovators .