Press n or j to go to the next uncovered block, b, p or k for the previous block.
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 | 7x | import React, { ReactElement } from 'react'; import { useTranslation } from 'react-i18next'; import { isDevelopmentEnv } from '@config/base'; import { Space, Tag } from 'antd'; import { getEmailSuffix } from '../security'; type QuickLoginPanelProps = { setLoginInfo: (email: string, autoLogin?: boolean) => void; }; const QuickLoginPanel = (props: QuickLoginPanelProps): ReactElement => { const { setLoginInfo } = props; const { t } = useTranslation(); const displayLoginAccountStyle = { display: isDevelopmentEnv() ? 'flex' : 'none' }; const quickLoginPanel = <div style={{ ...displayLoginAccountStyle, margin: 'auto' }}> <Space direction="vertical"> <div> {t("login:NoPermissionUser")} <Tag onClick={() => setLoginInfo(`me@${getEmailSuffix()}`, true)}>Empty user</Tag> </div> <div> {t("login:BusinessUser")} <Tag onClick={() => setLoginInfo(`biz_user@${getEmailSuffix()}`, true)}>Biz user</Tag> </div> <div> {t(`login:BusinessAdmin`)} <Tag onClick={() => setLoginInfo(`biz_admin@${getEmailSuffix()}`, true)}>Biz admin</Tag> </div> <div> {t(`login:OrganizationAdmin`)} <Tag onClick={() => setLoginInfo(`admin@${getEmailSuffix()}`, true)}>System admin</Tag> </div> <div> {t(`login:OrganizationDeveloper`)} <Tag onClick={() => setLoginInfo(`developer@${getEmailSuffix()}`, true)}>Developer</Tag> </div> </Space> </div>; return quickLoginPanel; }; export default QuickLoginPanel; |