'use client';

import { useEffect } from 'react';
import { useRouter, useSearchParams } from 'next/navigation';
import { Loader2 } from 'lucide-react';
import { Suspense } from 'react';

function BotManageLegacyRedirectContent() {
  const router = useRouter();
  const searchParams = useSearchParams();
  const botId = searchParams.get('botId');

  useEffect(() => {
    const target = botId
      ? `/mini-apps/bot-father?botId=${encodeURIComponent(botId)}`
      : '/mini-apps/bot-father';
    router.replace(target);
  }, [botId, router]);

  return (
    <div className="flex min-h-screen items-center justify-center p-6 text-sm text-[#667085]">
      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
      Перенаправление...
    </div>
  );
}

export default function BotManageLegacyRedirectPage() {
  return (
    <Suspense
      fallback={
        <div className="flex min-h-screen items-center justify-center p-6 text-sm text-[#667085]">
          <Loader2 className="mr-2 h-4 w-4 animate-spin" />
        </div>
      }
    >
      <BotManageLegacyRedirectContent />
    </Suspense>
  );
}