'use client';

import { useEffect, useState } from 'react';
import { FeedPage } from '@/components/feed/FeedPage';
import { getUser } from '@/lib/auth';

export default function TeacherFeedPage() {
  const [user, setUser] = useState<ReturnType<typeof getUser>>(null);

  useEffect(() => {
    setUser(getUser());
  }, []);

  if (!user) return null;

  const displayName = user.fullName ?? user.name ?? '';

  return (
    <FeedPage
      currentUser={{
        id: user.id,
        role: user.role as 'ADMIN' | 'TEACHER' | 'PARENT',
        firstName: displayName.split(' ')[0] || displayName,
        lastName: displayName.split(' ').slice(1).join(' ') || '',
      }}
    />
  );
}