39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import React from "react";
|
|
import LandingPage from "./Welcome";
|
|
import SetupForm from "./SetupForm";
|
|
import { requiresUnauth } from "pages/UserAuth/requiresAuthHOC";
|
|
import { useState } from "react";
|
|
import styled from "styled-components";
|
|
import { useSelector } from "react-redux";
|
|
import { getCurrentUser } from "selectors/usersSelectors";
|
|
import { AUTH_LOGIN_URL } from "constants/routes";
|
|
import { Redirect } from "react-router";
|
|
|
|
const StyledSetupContainer = styled.div`
|
|
background-color: ${(props) => props.theme.colors.homepageBackground};
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
`;
|
|
|
|
function Setup() {
|
|
const user = useSelector(getCurrentUser);
|
|
const [showLandingPage, setShowLandingPage] = useState<boolean>(true);
|
|
if (!user?.emptyInstance) {
|
|
return <Redirect to={AUTH_LOGIN_URL} />;
|
|
}
|
|
return (
|
|
<StyledSetupContainer>
|
|
{showLandingPage ? (
|
|
<LandingPage
|
|
forSuperUser
|
|
onGetStarted={() => setShowLandingPage(false)}
|
|
/>
|
|
) : (
|
|
<SetupForm />
|
|
)}
|
|
</StyledSetupContainer>
|
|
);
|
|
}
|
|
|
|
export default requiresUnauth(Setup);
|