mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-04-25 15:56:19 -05:00
c8ea75ebb6
* Kysely initial * Badges initial * Badge routes migrated * Badges migrated * Calendar work * Fix one type problem * Calendar work * findResultsByUserId work * Calendar reworking finished * PlusSuggestions work * Migrated suggestions * Builds progress * Migrated builds * Admin migrated * Migrate articles * User search * Faster getUser * Selectable/insertable as global * Refresh prod db script + patronTier index * identifierToUserId * updateProfile * findByIdentifier * More indexes * User upsert * upsertLite * findAllPlusMembers * updateResultHighlights * updateMany * User finished migration * Fix types * Fix PlusVotingResult typing * PlusVotingRepository WIP * Migrated resultsByMonthYear * Migrated plusVotes (done with db. related migrations) * Plus code to features folder * Fix TODOs * Export * Fix range * Migrate some user pages * Move rest user routes * Move /play * Map list generator * Front page * Move map list generation logic * Move plus voting logic * Info * API * Adjust TODOs * theme * Auth * Remove TODO
86 lines
2.2 KiB
TypeScript
86 lines
2.2 KiB
TypeScript
import { isRouteErrorResponse, useRouteError } from "@remix-run/react";
|
|
import { Button } from "~/components/Button";
|
|
import { useUser } from "~/features/auth/core";
|
|
import {
|
|
ERROR_GIRL_IMAGE_PATH,
|
|
LOG_IN_URL,
|
|
SENDOU_INK_DISCORD_URL,
|
|
} from "~/utils/urls";
|
|
import { Image } from "./Image";
|
|
import { Main } from "./Main";
|
|
|
|
export function Catcher() {
|
|
const error = useRouteError();
|
|
const user = useUser();
|
|
|
|
if (!isRouteErrorResponse(error))
|
|
return (
|
|
<Main>
|
|
<Image
|
|
className="m-0-auto"
|
|
path={ERROR_GIRL_IMAGE_PATH}
|
|
width={292}
|
|
height={243.5}
|
|
alt=""
|
|
/>
|
|
<h2 className="text-center">Error happened</h2>
|
|
<p className="text-center">
|
|
It seems like you encountered a bug. Sorry about that! Please report
|
|
details (your browser? what were you doing?) on{" "}
|
|
<a href={SENDOU_INK_DISCORD_URL}>our Discord</a> so it can be fixed.
|
|
</p>
|
|
</Main>
|
|
);
|
|
|
|
switch (error.status) {
|
|
case 401:
|
|
return (
|
|
<Main>
|
|
<h2>Error 401 Unauthorized</h2>
|
|
{user ? (
|
|
<GetHelp />
|
|
) : (
|
|
<form action={LOG_IN_URL} method="post">
|
|
<p className="button-text-paragraph">
|
|
You should try{" "}
|
|
<Button type="submit" variant="minimal">
|
|
logging in
|
|
</Button>
|
|
</p>
|
|
</form>
|
|
)}
|
|
</Main>
|
|
);
|
|
case 404:
|
|
return (
|
|
<Main>
|
|
<h2>Error {error.status} - Page not found</h2>
|
|
<GetHelp />
|
|
</Main>
|
|
);
|
|
default:
|
|
return (
|
|
<Main>
|
|
<h2>Error {error.status}</h2>
|
|
<GetHelp />
|
|
<div className="text-sm text-lighter font-semi-bold">
|
|
Please include the message below if any and an explanation on what
|
|
you were doing:
|
|
</div>
|
|
{error.data ? (
|
|
<pre>{JSON.stringify(JSON.parse(error.data), null, 2)}</pre>
|
|
) : null}
|
|
</Main>
|
|
);
|
|
}
|
|
}
|
|
|
|
function GetHelp() {
|
|
return (
|
|
<p className="mt-2">
|
|
If you need assistance you can ask for help on{" "}
|
|
<a href={SENDOU_INK_DISCORD_URL}>our Discord</a>
|
|
</p>
|
|
);
|
|
}
|