MotorSignal-App/website/app/group-rides/showcase/page.tsx

25 lines
694 B
TypeScript

'use client';
import React, { useState, useEffect } from 'react';
import { onAuthStateChanged, User } from 'firebase/auth';
import { firebaseAuth } from '../../../lib/firebase-client';
import { GroupRidesShowcase } from '../../../components/group-rides/group-rides-showcase';
export default function GroupRidesShowcaseRoute() {
const [currentUser, setCurrentUser] = useState<User | null>(null);
useEffect(() => {
const unsubscribe = onAuthStateChanged(firebaseAuth, (user) => {
setCurrentUser(user);
});
return () => unsubscribe();
}, []);
return (
<GroupRidesShowcase
isLoggedIn={Boolean(currentUser)}
userEmail={currentUser?.email}
/>
);
}