import { cssBundleHref } from "@remix-run/css-bundle";
import type { LinksFunction } from "@remix-run/node";
import {
Links,
LiveReload,
Meta,
Outlet,
Scripts,
ScrollRestoration,
isRouteErrorResponse,
useRouteError,
} from "@remix-run/react";
import Header from "./components/layout/header";
import Spinner from "./components/common/spinner";
import Footer from "./components/layout/footer";
import { siteTitle } from "~/utils";
import "./index.css";
export function ErrorBoundary() {
const error = useRouteError();
const isRouteError = isRouteErrorResponse(error);
const [statusCode, message] = (() => {
if (isRouteError) {
return [error.status, error.statusText];
}
if (error instanceof Error) {
return [500, error.message];
}
return [500, "未知异常"];
})();
return (
{siteTitle(statusCode)}
{statusCode}
{message}
);
}
export const links: LinksFunction = () => [
...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),
{ rel: "icon", href: "icon.png" },
{ rel: "stylesheet", href: "https://cdn-font.hyperos.mi.com/font/css?family=MiSans:100,200,300,400,450,500,600,650,700,900:Chinese_Simplify,Latin&display=swap" },
];
export default function App() {
return (
);
}