chore: replace prettier with oxfmt (#8676)
This commit is contained in:
parent
9ee73d57ef
commit
41abaffc6e
1008 changed files with 4046 additions and 4027 deletions
|
|
@ -40,8 +40,8 @@ interface DevErrorComponentProps {
|
|||
export function DevErrorComponent({ error, onGoHome, onReload }: DevErrorComponentProps) {
|
||||
if (isRouteErrorResponse(error)) {
|
||||
return (
|
||||
<div className="min-h-screen bg-surface-2 p-6 flex items-start justify-center transition-none">
|
||||
<div className="w-full max-w-4xl mt-12 space-y-4 transition-none">
|
||||
<div className="flex min-h-screen items-start justify-center bg-surface-2 p-6 transition-none">
|
||||
<div className="mt-12 w-full max-w-4xl space-y-4 transition-none">
|
||||
<Banner
|
||||
variant="error"
|
||||
icon={<InfoFillIcon className="size-5" />}
|
||||
|
|
@ -52,16 +52,16 @@ export function DevErrorComponent({ error, onGoHome, onReload }: DevErrorCompone
|
|||
<Card variant={ECardVariant.WITH_SHADOW} className="!p-6 transition-none">
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<h2 className="text-20 font-semibold text-danger-primary mb-2">
|
||||
<h2 className="mb-2 text-20 font-semibold text-danger-primary">
|
||||
{error.status} {error.statusText}
|
||||
</h2>
|
||||
<div className="h-px w-full bg-subtle-1" />
|
||||
<div className="bg-subtle-1 h-px w-full" />
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-13 font-medium text-tertiary uppercase tracking-wide">Error Data</h3>
|
||||
<div className="bg-layer-1 rounded-md p-4">
|
||||
<p className="text-13 text-secondary font-code">{error.data}</p>
|
||||
<h3 className="text-13 font-medium tracking-wide text-tertiary uppercase">Error Data</h3>
|
||||
<div className="rounded-md bg-layer-1 p-4">
|
||||
<p className="font-code text-13 text-secondary">{error.data}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -75,8 +75,8 @@ export function DevErrorComponent({ error, onGoHome, onReload }: DevErrorCompone
|
|||
|
||||
if (error instanceof Error) {
|
||||
return (
|
||||
<div className="min-h-screen bg-surface-2 p-6 flex items-start justify-center transition-none">
|
||||
<div className="w-full max-w-4xl mt-12 space-y-4 transition-none">
|
||||
<div className="flex min-h-screen items-start justify-center bg-surface-2 p-6 transition-none">
|
||||
<div className="mt-12 w-full max-w-4xl space-y-4 transition-none">
|
||||
<Banner
|
||||
variant="error"
|
||||
icon={<InfoFillIcon className="size-5" />}
|
||||
|
|
@ -86,22 +86,22 @@ export function DevErrorComponent({ error, onGoHome, onReload }: DevErrorCompone
|
|||
<Card variant={ECardVariant.WITH_SHADOW} className="!p-6 transition-none">
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<h2 className="text-20 font-semibold text-danger-primary mb-2">Error</h2>
|
||||
<div className="h-px w-full bg-subtle-1" />
|
||||
<h2 className="mb-2 text-20 font-semibold text-danger-primary">Error</h2>
|
||||
<div className="bg-subtle-1 h-px w-full" />
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-13 font-medium text-tertiary uppercase tracking-wide">Message</h3>
|
||||
<div className="bg-layer-1 rounded-md p-4">
|
||||
<p className="text-13 text-primary font-medium">{error.message}</p>
|
||||
<h3 className="text-13 font-medium tracking-wide text-tertiary uppercase">Message</h3>
|
||||
<div className="rounded-md bg-layer-1 p-4">
|
||||
<p className="text-13 font-medium text-primary">{error.message}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{error.stack && (
|
||||
<div className="space-y-2">
|
||||
<h3 className="text-13 font-medium text-tertiary uppercase tracking-wide">Stack Trace</h3>
|
||||
<div className="bg-layer-1 rounded-md border border-subtle max-h-96 overflow-auto">
|
||||
<pre className="p-4 text-11 text-secondary font-code whitespace-pre-wrap break-words">
|
||||
<h3 className="text-13 font-medium tracking-wide text-tertiary uppercase">Stack Trace</h3>
|
||||
<div className="max-h-96 overflow-auto rounded-md border border-subtle bg-layer-1">
|
||||
<pre className="p-4 font-code text-11 break-words whitespace-pre-wrap text-secondary">
|
||||
{error.stack}
|
||||
</pre>
|
||||
</div>
|
||||
|
|
@ -112,9 +112,9 @@ export function DevErrorComponent({ error, onGoHome, onReload }: DevErrorCompone
|
|||
</div>
|
||||
</Card>
|
||||
|
||||
<Card variant={ECardVariant.WITHOUT_SHADOW} className="!p-4 bg-layer-1 transition-none">
|
||||
<Card variant={ECardVariant.WITHOUT_SHADOW} className="bg-layer-1 !p-4 transition-none">
|
||||
<div className="flex items-start gap-3">
|
||||
<InfoFillIcon className="size-5 text-tertiary flex-shrink-0 mt-0.5" />
|
||||
<InfoFillIcon className="mt-0.5 size-5 flex-shrink-0 text-tertiary" />
|
||||
<div className="space-y-1">
|
||||
<p className="text-13 font-medium text-secondary">Development Mode</p>
|
||||
<p className="text-11 text-tertiary">
|
||||
|
|
@ -130,8 +130,8 @@ export function DevErrorComponent({ error, onGoHome, onReload }: DevErrorCompone
|
|||
}
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-surface-2 p-6 flex items-start justify-center transition-none">
|
||||
<div className="w-full max-w-4xl mt-12 space-y-4 transition-none">
|
||||
<div className="flex min-h-screen items-start justify-center bg-surface-2 p-6 transition-none">
|
||||
<div className="mt-12 w-full max-w-4xl space-y-4 transition-none">
|
||||
<Banner
|
||||
variant="error"
|
||||
icon={<InfoFillIcon className="size-5" />}
|
||||
|
|
@ -142,11 +142,11 @@ export function DevErrorComponent({ error, onGoHome, onReload }: DevErrorCompone
|
|||
<Card variant={ECardVariant.WITH_SHADOW} className="!p-6">
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<h2 className="text-20 font-semibold text-primary mb-2">Unknown Error</h2>
|
||||
<div className="h-px w-full bg-subtle-1" />
|
||||
<h2 className="mb-2 text-20 font-semibold text-primary">Unknown Error</h2>
|
||||
<div className="bg-subtle-1 h-px w-full" />
|
||||
</div>
|
||||
|
||||
<div className="bg-layer-1 rounded-md p-4">
|
||||
<div className="rounded-md bg-layer-1 p-4">
|
||||
<p className="text-13 text-secondary">
|
||||
An unknown error occurred. Please try refreshing the page or contact support if the problem persists.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -45,33 +45,33 @@ export function ProdErrorComponent({ onGoHome }: ProdErrorComponentProps) {
|
|||
|
||||
return (
|
||||
<DefaultLayout>
|
||||
<div className="relative container mx-auto h-full w-full max-w-xl flex flex-col gap-2 items-center justify-center gap-y-6 bg-surface-1 text-center px-6">
|
||||
<div className="relative container mx-auto flex h-full w-full max-w-xl flex-col items-center justify-center gap-2 gap-y-6 bg-surface-1 px-6 text-center">
|
||||
<div className="relative w-full">
|
||||
<img
|
||||
src={maintenanceModeImage}
|
||||
height="176"
|
||||
width="288"
|
||||
alt="ProjectSettingImg"
|
||||
className="w-full h-full object-fill object-center"
|
||||
className="h-full w-full object-fill object-center"
|
||||
/>
|
||||
</div>
|
||||
<div className="w-full relative flex flex-col gap-4 mt-4">
|
||||
<div className="relative mt-4 flex w-full flex-col gap-4">
|
||||
<div className="flex flex-col gap-2.5">
|
||||
<h1 className="text-18 font-semibold text-primary text-left">🚧 Looks like something went wrong!</h1>
|
||||
<span className="text-14 font-medium text-secondary text-left">
|
||||
<h1 className="text-left text-18 font-semibold text-primary">🚧 Looks like something went wrong!</h1>
|
||||
<span className="text-left text-14 font-medium text-secondary">
|
||||
We track these errors automatically and working on getting things back up and running. If the problem
|
||||
persists feel free to contact us. In the meantime, try refreshing.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-start gap-6 mt-1">
|
||||
<div className="mt-1 flex items-center justify-start gap-6">
|
||||
{linkMap.map((link) => (
|
||||
<div key={link.key}>
|
||||
<a
|
||||
href={link.value}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="text-accent-primary hover:underline text-13"
|
||||
className="text-13 text-accent-primary hover:underline"
|
||||
>
|
||||
{link.label}
|
||||
</a>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue