mirror of
https://github.com/langgenius/webapp-conversation.git
synced 2025-12-08 17:32:27 +08:00
05dcfcf0ca
- Replace .eslintrc.json with eslint.config.mjs - Simplify configuration using @antfu/eslint-config - Add necessary ESLint plugin dependencies - Disable overly strict style rules - Set package.json type to module for ESM support - Fix ESLint disable comment format 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
30 lines
885 B
TypeScript
30 lines
885 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
interface IAppUnavailableProps {
|
|
isUnknownReason: boolean
|
|
errMessage?: string
|
|
}
|
|
|
|
const AppUnavailable: FC<IAppUnavailableProps> = ({
|
|
isUnknownReason,
|
|
errMessage,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
let message = errMessage
|
|
if (!errMessage) { message = (isUnknownReason ? t('app.common.appUnkonwError') : t('app.common.appUnavailable')) as string }
|
|
|
|
return (
|
|
<div className='flex items-center justify-center w-screen h-screen'>
|
|
<h1 className='mr-5 h-[50px] leading-[50px] pr-5 text-[24px] font-medium'
|
|
style={{
|
|
borderRight: '1px solid rgba(0,0,0,.3)',
|
|
}}>{(errMessage || isUnknownReason) ? 500 : 404}</h1>
|
|
<div className='text-sm'>{message}</div>
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(AppUnavailable)
|