import Events from './Events';
import { createClient } from '@/utils/supabase/server';
import { EventsProvider } from './EventsProvider';
import { getUser } from '@/utils/supabase/queries';
import { redirect } from 'next/navigation';
import { Suspense } from 'react';
import './calendar_style.css';

export default async function EventsPage() {
  const supabase = createClient();

  const [user] = await Promise.all([getUser(supabase)]);

  if (!user) {
    return redirect('/signin');
  }

  return (
    <EventsProvider>
      <Suspense fallback={<></>}>
        <Events />
      </Suspense>
    </EventsProvider>
  );
}