563c32d203
* add redirect issue * add check for crash code * redirect anonymous user to login page * remove unused selector * move redirection logic to error saga level * update action type name * replace occurance of redirectTo to redirectUrl * remove unused selector in PagenoutFound + change saga name Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro.local>
83 lines
2.3 KiB
TypeScript
83 lines
2.3 KiB
TypeScript
import React from "react";
|
|
import { Link, useLocation } from "react-router-dom";
|
|
import { connect } from "react-redux";
|
|
import { getCurrentUser } from "selectors/usersSelectors";
|
|
import styled from "styled-components";
|
|
import StyledHeader from "components/designSystems/appsmith/StyledHeader";
|
|
import AppsmithLogo from "assets/images/appsmith_logo_white.png";
|
|
import { AppState } from "reducers";
|
|
import { User, ANONYMOUS_USERNAME } from "constants/userConstants";
|
|
import { AUTH_LOGIN_URL, APPLICATIONS_URL } from "constants/routes";
|
|
import Button from "components/editorComponents/Button";
|
|
import history from "utils/history";
|
|
import { Colors } from "constants/Colors";
|
|
import ProfileDropdown from "./ProfileDropdown";
|
|
|
|
const StyledPageHeader = styled(StyledHeader)`
|
|
background: ${Colors.BALTIC_SEA};
|
|
height: 48px;
|
|
color: white;
|
|
flex-direction: row;
|
|
position: fixed;
|
|
top: 0;
|
|
z-index: 10;
|
|
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
|
|
`;
|
|
|
|
const HeaderSection = styled.div`
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
`;
|
|
|
|
const StyledDropDownContainer = styled.div``;
|
|
|
|
const AppsmithLogoImg = styled.img`
|
|
max-width: 110px;
|
|
`;
|
|
|
|
type PageHeaderProps = {
|
|
user?: User;
|
|
};
|
|
|
|
export const PageHeader = (props: PageHeaderProps) => {
|
|
const { user } = props;
|
|
const location = useLocation();
|
|
const queryParams = new URLSearchParams(location.search);
|
|
let loginUrl = AUTH_LOGIN_URL;
|
|
if (queryParams.has("redirectUrl")) {
|
|
loginUrl += `?redirectUrl=${queryParams.get("redirectUrl")}`;
|
|
}
|
|
|
|
return (
|
|
<StyledPageHeader>
|
|
<HeaderSection>
|
|
<Link to={APPLICATIONS_URL} className="t--appsmith-logo">
|
|
<AppsmithLogoImg src={AppsmithLogo} alt="Appsmith logo" />
|
|
</Link>
|
|
</HeaderSection>
|
|
{user && (
|
|
<StyledDropDownContainer>
|
|
{user.username === ANONYMOUS_USERNAME ? (
|
|
<Button
|
|
filled
|
|
text="Sign In"
|
|
intent={"primary"}
|
|
size="small"
|
|
onClick={() => history.push(loginUrl)}
|
|
/>
|
|
) : (
|
|
<ProfileDropdown userName={user.username} />
|
|
)}
|
|
</StyledDropDownContainer>
|
|
)}
|
|
</StyledPageHeader>
|
|
);
|
|
};
|
|
|
|
const mapStateToProps = (state: AppState) => ({
|
|
user: getCurrentUser(state),
|
|
});
|
|
|
|
export default connect(mapStateToProps)(PageHeader);
|