| 1234567891011121314151617181920212223242526272829 |
- 'use client'
- import type { FC } from 'react'
- import React from 'react'
- import { useTranslation } from 'react-i18next'
- type IAppUnavailableProps = {
- code?: number
- isUnknownReason?: boolean
- unknownReason?: string
- }
- const AppUnavailable: FC<IAppUnavailableProps> = ({
- code = 404,
- isUnknownReason,
- unknownReason,
- }) => {
- const { t } = useTranslation()
- 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)',
- }}>{code}</h1>
- <div className='text-sm'>{unknownReason || (isUnknownReason ? t('share.common.appUnknownError') : t('share.common.appUnavailable'))}</div>
- </div>
- )
- }
- export default React.memo(AppUnavailable)
|
