⚡ profile page events

Author: akshat-sachan

FrontEnd/event.html

@@ -65,36 +65,33 @@
       }
     };
 
- //   const axios = require('axios');
 
 const register = async (id) => {
   try {
-    // Fetch the event details using the Eventbrite API
+   
     const eventResponse = await axios.get(`https://www.eventbriteapi.com/v3/events/${id}/`, {
       headers: {
         'Authorization': 'Bearer KCIV4OKXGX3FO6FDGVYC'
       }
     });
 
-    // Verify the structure of the API response and access the event name accordingly
     const eventName = eventResponse.data?.name?.text;
     if (!eventName) {
       console.error('Event name not found in the API response.');
       return;
     }
 
-    // Perform the PUT request with the eventName
+   
     await axios.put(baseUrl + `/event/${id}`, { eventName }, config);
 
-    // Get user email from the input field and validate it
     const userEmailInput = document.getElementById('userEmailInput');
     const userEmail = userEmailInput.value;
     if (!userEmail || !validateEmail(userEmail)) {
       alert("Please enter a valid email address.");
       return;
     }
 
-    // Perform the POST request to send the registration email
+
     await axios.post(baseUrl + '/send-registration-email', { userEmail, eventName, eventId: id }, config);
 
     alert("Registration successful");
@@ -103,11 +100,8 @@
   }
 };
 
-// Validate email function (you should have this function defined)
-function validateEmail(email) {
-  // Implement your email validation logic here
-  // Return true if the email is valid, false otherwise
-}
+
+
 
     function validateEmail(email) {
       const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

FrontEnd/js/profile.js

@@ -1,4 +1,4 @@
-// profile.js
+
 const fname = document.getElementById('fname');
 const lname = document.getElementById('lname');
 const email = document.getElementById('email');
@@ -8,7 +8,6 @@ const deleteUserBtn = document.getElementById('btn2');
 const eventsList = document.getElementById('events-list');
 
 const baseUrl = 'http://localhost:8000/api/user';
-const eventbriteUrl = 'https://www.eventbriteapi.com/v3';
 
 if (!localStorage.getItem('userToken')) {
   window.location.href = 'http://127.0.0.1:5500/Frontend/index.html';
@@ -21,13 +20,41 @@ const config = {
   },
 };
 
-const fetchEventName = async (eventId) => {
+const fetchUser = async () => {
   try {
-    const { data } = await axios.get(`${eventbriteUrl}/events/${eventId}`, config);
-    return data.event.name.text;
+    const response = await axios.get(baseUrl, config);
+    const user = response.data.User;
+
+   
+    document.getElementById('username').innerText = user.firstName + ' ' + user.lastName;
+    fname.innerText = user.firstName;
+    lname.innerText = user.lastName;
+    email.innerText = user.email;
+    city.innerText = user.city;
+
+    eventsList.innerHTML = '';
+    if (user.events && user.events.length > 0) {
+      const eventsHTML = user.events.map(event => {
+        return `<li>${event.eventName}</li>`;
+      });
+      eventsList.innerHTML = eventsHTML.join('');
+    } else {
+      eventsList.innerHTML = '<li>No events found.</li>';
+    }
+
+    const interestsList = document.getElementById('interests-list');
+    interestsList.innerHTML = '';
+    if (user.interests && user.interests.length > 0) {
+      user.interests.forEach(interest => {
+        const li = document.createElement('li');
+        li.textContent = interest;
+        interestsList.appendChild(li);
+      });
+    } else {
+      interestsList.innerHTML = '<li>No interests found.</li>';
+    }
   } catch (error) {
     console.log(error);
-    return "Event Not Found";
   }
 };
 
@@ -58,46 +85,5 @@ deleteUserBtn.addEventListener('click', (e) => {
   deleteUser();
 });
 
-const fetchUser = async () => {
-  try {
-    const { data } = await axios.get(baseUrl, config);
-    const user = data.User;
-
-    // Update profile information
-    document.getElementById('username').innerText = user.firstName + ' ' + user.lastName;
-    fname.innerText = user.firstName;
-    lname.innerText = user.lastName;
-    email.innerText = user.email;
-    city.innerText = user.city;
-
-    // Update events list
-    eventsList.innerHTML = '';
-    if (user.events && user.events.length > 0) {
-      const eventsHTML = await Promise.all(user.events.map(async (event) => {
-        const eventName = await fetchEventName(event.eventId);
-        return `<li>${event.eventId} - ${eventName}</li>`;
-      }));
-      eventsList.innerHTML = eventsHTML.join('');
-    } else {
-      eventsList.innerHTML = '<li>No events found.</li>';
-    }
-
-    // Update interests list
-    const interestsList = document.getElementById('interests-list');
-    interestsList.innerHTML = '';
-    if (user.interests && user.interests.length > 0) {
-      user.interests.forEach(interest => {
-        const li = document.createElement('li');
-        li.textContent = interest;
-        interestsList.appendChild(li);
-      });
-    } else {
-      interestsList.innerHTML = '<li>No interests found.</li>';
-    }
-  } catch (error) {
-    console.log(error);
-  }
-};
 
-// Call the fetchUser function to populate the profile page
 fetchUser();