mirror of
				https://github.com/langgenius/dify.git
				synced 2025-11-04 04:43:09 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			29 lines
		
	
	
		
			802 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			29 lines
		
	
	
		
			802 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
'use client'
 | 
						|
import React, { FC } from 'react'
 | 
						|
import { useTranslation } from 'react-i18next'
 | 
						|
 | 
						|
interface IAppUnavailableProps {
 | 
						|
  code?: number
 | 
						|
  isUnknwonReason?: boolean
 | 
						|
  unknownReason?: string
 | 
						|
}
 | 
						|
 | 
						|
const AppUnavailable: FC<IAppUnavailableProps> = ({
 | 
						|
  code = 404,
 | 
						|
  isUnknwonReason,
 | 
						|
  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 || (isUnknwonReason ? t('share.common.appUnkonwError') : t('share.common.appUnavailable'))}</div>
 | 
						|
    </div>
 | 
						|
  )
 | 
						|
}
 | 
						|
export default React.memo(AppUnavailable)
 |