All files / src/development QuickLoginPanel.tsx

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;