import { useEffect } from 'react';
import { useRouter } from 'next/router';
import { serviceSideProps } from '@/web/common/utils/i18n';
import { useGlobalStore } from '@/web/common/store/global';

function Error() {
  const router = useRouter();
  const { lastRoute } = useGlobalStore();

  useEffect(() => {
    setTimeout(() => {
      window.umami?.track('pageError', {
        userAgent: navigator.userAgent,
        platform: navigator.platform,
        appName: navigator.appName,
        lastRoute,
        route: router.asPath
      });
    }, 1000);

    setTimeout(() => {
      router.back();
    }, 2000);
  }, []);

  return (
    <p>
      部分系统不兼容，导致页面崩溃。如果可以，请联系作者，反馈下具体操作和页面。大部分是 苹果 的
      safari 浏览器导致，可以尝试更换 chrome 浏览器。
    </p>
  );
}

export async function getServerSideProps(context: any) {
  console.log('[render error]: ', context);

  return {
    props: { ...(await serviceSideProps(context)) }
  };
}

export default Error;
