{isHost ? (
- <>
-
-
- Google Meet link :
-
-
- setGoogleMeetLink(e.target.value)
- }
- />
-
-
-
+
+ Google Meet link :
+ setGoogleMeetLink(e.target.value)}
+ />
+
+
) : (
- <>
+
Google Meet link :{" "}
{googleMeetLink ===
"Nothing yet, ask the host to add one" ? (
- "Nothing yet, ask the host to add one"
+ googleMeetLink
) : (
{googleMeetLink}
)}
-
+
)}
{
}}
>
{isLoading ? (
-
+
{
(currentPage - 1) * itemsPerPage,
currentPage * itemsPerPage
)
- .map((card: Event, index) => {
- const user_uid = localStorage.getItem("userUid");
- const isRegistered = card.registrants.includes(user_uid!);
- return (
-
-
diff --git a/src/components/Events/Events.css b/src/components/Events/Events.css
new file mode 100644
index 0000000..f74a4e3
--- /dev/null
+++ b/src/components/Events/Events.css
@@ -0,0 +1,26 @@
+.event-card {
+ border-radius: 10px;
+ position: relative;
+ overflow: hidden;
+ }
+ .event-card img {
+ height: 200px;
+ object-fit: cover;
+ }
+ .event-card-info {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 10px;
+ }
+ .tag {
+ background-color: rgb(233, 255, 199) !important;
+ border-radius: 100px !important;
+ border: 1px solid green;
+ color: #555 !important;
+ transition: 200ms;
+ }
+ .tag:hover {
+ cursor: pointer;
+ background-color: rgb(201, 255, 121) !important;
+ }
+
\ No newline at end of file
diff --git a/src/firebaseConf.ts b/src/firebaseConf.ts
index 0aaafdc..6ce8084 100644
--- a/src/firebaseConf.ts
+++ b/src/firebaseConf.ts
@@ -1,23 +1,19 @@
+import { initializeApp } from "firebase/app";
import {
GoogleAuthProvider,
getAuth,
signInWithPopup,
signOut,
} from "firebase/auth";
-import firebase from "firebase/compat/app";
-import "firebase/compat/auth";
-import "firebase/compat/database";
-import "firebase/storage";
import { getFirestore } from "firebase/firestore";
import { getDatabase } from "firebase/database";
import { getStorage } from "firebase/storage";
import { Zoom, toast } from "react-toastify";
-const firebaseConfig = {
- // firebase config
-};
+const firebaseConfig = {};
+
+const app = initializeApp(firebaseConfig);
-const app = firebase.initializeApp(firebaseConfig);
// Initialize Firebase authentication
const auth = getAuth(app);
@@ -32,11 +28,13 @@ const storage = getStorage(app);
const provider = new GoogleAuthProvider();
-// whenever a user interacts with the provider, we force them to select an account
+// Whenever a user interacts with the provider, we force them to select an account
provider.setCustomParameters({
- prompt: "select_account ",
+ prompt: "select_account",
});
+
const signInWithGooglePopup = () => signInWithPopup(auth, provider);
+
const signOutUser = () => {
signOut(auth)
.then(() => {
@@ -50,6 +48,7 @@ const signOutUser = () => {
console.error(error);
});
};
+
export {
auth,
firestore,
+ {/* Event card content can go here, customize as needed */}
+
+ ))
+ )}
+ {totalPages > 1 && (
+
+ 
+
- );
- })
+ {event.title}
+{event.description}
+{event.date}
+{event.time}
+{event.tags}
+
+ handlePageChange(1)}
+ disabled={currentPage === 1}
+ />
+ handlePageChange(currentPage - 1)}
+ disabled={currentPage === 1}
+ />
+ {[...Array(totalPages)].map((_, pageIndex) => (
+ handlePageChange(pageIndex + 1)}
+ >
+ {pageIndex + 1}
+
+ ))}
+ handlePageChange(currentPage + 1)}
+ disabled={currentPage === totalPages}
+ />
+ handlePageChange(totalPages)}
+ disabled={currentPage === totalPages}
+ />
+
+
)}
-
-
-
- {[...Array(totalPages)].map((_, i) => (
- {
- handlePageChange(i + 1);
- window.scrollTo({
- top: 0,
- left: 0,
- behavior: "smooth",
- });
- }}
- >
- {i + 1}
-
- ))}
-
-
)}