'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}
    />
  );
}