// Dynamic conversation page - /c/[id]
import { useRouter } from 'next/router';
import { useEffect, useState } from 'react';
import HomeNoTailwind from '../index';

export default function ConversationPage() {
  const router = useRouter();
  const { id } = router.query;
  const [conversationId, setConversationId] = useState<string | null>(null);

  useEffect(() => {
    if (id && typeof id === 'string') {
      setConversationId(id);
    }
  }, [id]);

  if (!conversationId) {
    return <div>Loading...</div>;
  }

  // Pass the conversation ID to the main component
  return <HomeNoTailwind conversationId={conversationId} />;
}