初始化

wwf

2025-05-20 938c3e5a587ce950a94964ea509b9e7f8834dfae

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
'use client'
 
import { useTranslation } from 'react-i18next'
import { useAppContext } from '@/context/app-context'
import { Beaker02 } from '@/app/components/base/icons/src/vender/solid/education'
import { TerminalSquare } from '@/app/components/base/icons/src/vender/solid/development'
 
const headerEnvClassName: { [k: string]: string } = {
  DEVELOPMENT: 'bg-[#FEC84B] border-[#FDB022] text-[#93370D]',
  TESTING: 'bg-[#A5F0FC] border-[#67E3F9] text-[#164C63]',
}
 
const EnvNav = () => {
  const { t } = useTranslation()
  const { langeniusVersionInfo } = useAppContext()
  const showEnvTag = langeniusVersionInfo.current_env === 'TESTING' || langeniusVersionInfo.current_env === 'DEVELOPMENT'
 
  if (!showEnvTag)
    return null
 
  return (
    <div className={`
      mr-4 flex h-[22px] items-center rounded-md border px-2 text-xs font-medium
      ${headerEnvClassName[langeniusVersionInfo.current_env]}
    `}>
      {
        langeniusVersionInfo.current_env === 'TESTING' && (
          <>
            <Beaker02 className='mr-1 h-3 w-3' />
            {t('common.environment.testing')}
          </>
        )
      }
      {
        langeniusVersionInfo.current_env === 'DEVELOPMENT' && (
          <>
            <TerminalSquare className='mr-1 h-3 w-3' />
            {t('common.environment.development')}
          </>
        )
      }
    </div>
  )
}
 
export default EnvNav