Ver código fonte

Feature 1702 finished 80%

feature/1702
jovan.cirkovic 3 anos atrás
pai
commit
e476472b6d

+ 12
- 2
src/components/Header/Header.js Ver arquivo

AuthButtonsContainer, AuthButtonsContainer,
HeaderContainer, HeaderContainer,
LogoContainer, LogoContainer,
MarketplaceLinkRoute,
ToolsButtonsContainer, ToolsButtonsContainer,
ToolsContainer, ToolsContainer,
} from "./Header.styled"; } from "./Header.styled";
if (!shouldShow) { if (!shouldShow) {
return <></>; return <></>;
} }
console.log(history);


return ( return (
<HeaderContainer> <HeaderContainer>
/> />
) : ( ) : (
<React.Fragment> <React.Fragment>
<LoginButton />
<RegisterButton />
{routeMatches(ABOUT_PAGE) ? (
<>
<MarketplaceLinkRoute>Marketplace</MarketplaceLinkRoute>
</>
) : (
<>
<LoginButton />
<RegisterButton />
</>
)}
</React.Fragment> </React.Fragment>
)} )}
</AuthButtonsContainer> </AuthButtonsContainer>

+ 18
- 0
src/components/Header/Header.styled.js Ver arquivo

import { Box } from "@mui/material"; import { Box } from "@mui/material";
import styled from "styled-components"; import styled from "styled-components";
import selectedTheme from "../../themes";
import Link from "../Link/Link";


export const DrawerContainer = styled(Box)` export const DrawerContainer = styled(Box)`
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
`; `;
export const HeaderContainer = styled(Box)``; export const HeaderContainer = styled(Box)``;

export const MarketplaceLinkRoute = styled(Link)`
text-decoration: none;
font-family: ${selectedTheme.fonts.textFont};
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
border-bottom: 1px dashed ${selectedTheme.colors.primaryPurple};
&:hover {
border-bottom: 1px solid ${selectedTheme.colors.iconYellowColor};
}

@media (max-width: 600px) {
display: none;
}
`;

Carregando…
Cancelar
Salvar