\n
\n );\n};\n\nFooterComp.defaultProps = {\n IsAdmin: false,\n};\n\nFooterComp.propTypes = {\n IsAdmin: PropTypes.bool,\n};\n\nexport default connect()(FooterComp);\n","import React, { useEffect, useRef, useState } from 'react';\nimport { connect } from 'react-redux';\nimport { Redirect } from 'react-router-dom';\n\nimport { Login } from '@microsoft/mgt-react';\nimport { Providers } from '@microsoft/mgt-element';\nimport { Form, Modal , Select } from 'antd';\nimport { Backdrop, CircularProgress,TextField } from '@material-ui/core';\nimport { useSnackbar } from 'notistack';\nimport { useMount } from 'ahooks';\n\nimport { useAuth } from '../../../components/Auth/auth';\n\nimport urls from '../../../utility/urls';\n\nimport {errorMapper, regex , validateDomain} from '../../../utility'\nimport api from '../../../library/api'\n\nimport '../style.scss';\nimport AuthHelper from '../../../library/helpers/AuthHelper';\nimport TextArea from 'antd/lib/input/TextArea';\nimport FooterComp from '../../../components/Footer';\n\nconst { Option } = Select;\n\nconst LoginAdminPage = (props) => {\n\n const [isLoggedIn, setLoggedIn] = useState(false);\n const [isLoading, setIsLoading] = useState(false);\n const [requestAdminModal,setRequestAdminModal] = useState(false)\n const [lastName , setLastName] = useState(\"\") \n const [firstName , setFirstName] = useState(\"\") \n const [reasonOfAccess , setReasonOfAccess] = useState(\"\") \n const [site,setSite] = useState('')\n const [email,setEmail] = useState('')\n const [sites,setSites] = useState([])\n const { enqueueSnackbar } = useSnackbar();\n const { setAuthTokens } = useAuth();\n const [form] = Form.useForm();\n const authHelper = new AuthHelper();\n useMount(() => {\n \n api.admins\n .getSitesAdmin()\n .then((d) => {\n if (d.messages === 'success') {\n setSites(d.data)\n }\n })\n .catch((e) => {\n enqueueSnackbar('Server error!', { variant: 'error' });\n });\n });\n\n if (isLoggedIn) {\n const checkState = props.location.state || { referer: null };\n const referer = checkState.referer || urls.ADMIN_HOME;\n return - \n {links.map((v, i) => (\n
- \n \n {!v.image ? v.label : <>
{ v.label} }\n \n
\n ))}\n
\n { \n form.submit()\n }}\n onCancel = { () => setRequestAdminModal(false)}\n >\n\n \n \n {\n setEmail(e.target.value);\n }}\n variant=\"outlined\"\n fullWidth={true}\n error={email !== '' && (!validateDomain(email,\"pg\")) }\n helperText={email && (!validateDomain(email,\"pg\") ) ? 'Invalid format.' : ''}\n />\n \n \n {\n setFirstName(e.target.value);\n }}\n variant=\"outlined\"\n fullWidth={true}\n />\n \n \n \n {\n setLastName(e.target.value);\n }}\n variant=\"outlined\"\n fullWidth={true}\n />\n \n \n \n {\n setSite(e)\n }}\n onClear={e => {\n setSite('')\n }}\n options={sites || []}\n />\n \n \n
\n
\n\n \n ![\"P&G](\"/assets/login_banner_bg_1.png\")
\n
\n \n \n
\n \n \n Welcome
\n
\n \n ![\"P&G](\"/assets/png_logo@2x.png\")
\n
\n\n \n \n Welcome
Please login to your account.\n
\n \n
\n \n
\n \n Don't have an admin account? setRequestAdminModal(true)} className={'request-text'} >Request here\n
\n