mirror of
				https://github.com/langgenius/dify.git
				synced 2025-10-31 10:53:02 +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)
 | 
