import { Button } from 'antd';
import React, { useEffect } from 'react';
import { useSelector } from 'react-redux';
import config from 'src/config';
import { i18n } from 'src/i18n';
import selectors from 'src/modules/auth/authSelectors';
import Content from 'src/view/auth/styles/Content';
import Logo from 'src/view/auth/styles/Logo';
import Wrapper from 'src/view/auth/styles/Wrapper';
import I18nFlags from 'src/view/layout/I18nFlags';
import queryString from 'query-string';
import Message from 'src/view/shared/message';
import { useLocation } from 'react-router-dom';
const SigninPage = (props) => {
const location = useLocation();
const backgroundImageUrl = useSelector(
selectors.selectBackgroundImageUrl,
const logoUrl = useSelector(selectors.selectLogoUrl);
const { errorMessage } = queryString.parse(
Message.error(errorMessage);
// eslint-disable-next-line react-hooks/exhaustive-deps
backgroundImageUrl || '/images/signin.jpg'
<h1>{i18n('app.title')}</h1>
href={`${config.backendUrl}/workos/sign-in?domain=foo-corp.com`}
style={{ marginTop: '16px' }}
href={`${config.backendUrl}/workos/sign-in?domain=scaffoldhub.io`}
export default SigninPage;