import type { LinksFunction, MetaFunction } from "remix";
import { Links, LiveReload, Outlet, useCatch, Meta, Scripts } from "remix";
import styles from "./tailwind.css";
import headerStyles from "./styles/header.css";
export const links: LinksFunction = () => {
return [
{ rel: "stylesheet", href: styles },
{ rel: "stylesheet", href: headerStyles },
];
// return [
// {
// rel: "stylesheet",
// href: globalStylesUrl,
// },
// {
// rel: "stylesheet",
// href: globalMediumStylesUrl,
// media: "print, (min-width: 640px)",
// },
// {
// rel: "stylesheet",
// href: globalLargeStylesUrl,
// media: "screen and (min-width: 1024px)",
// },
// ];
};
export const meta: MetaFunction = () => {
const description = `Track and split shared expenses with friends and family.`;
return {
description,
keywords:
"Explit,expenses,split,flatmate,friends,family,payments,debts,money",
"twitter:creator": "@rawmaterial_it",
"twitter:site": "@rawmaterial_it",
"twitter:title": "Explit",
"twitter:description": description,
};
};
function Document({
children,
title = `Explit`,
}: {
children: React.ReactNode;
title?: string;
}) {
return (
{title}
{children}
{process.env.NODE_ENV === "development" ? : null}
);
}
export default function App() {
return (
);
}
export function CatchBoundary() {
const caught = useCatch();
return (
{caught.status} {caught.statusText}
);
}
export function ErrorBoundary({ error }: { error: Error }) {
console.error(error);
return (
App Error
{error.message}
);
}