2019-09-12 12:15:22 +00:00
|
|
|
import React from "react";
|
|
|
|
import styled from "styled-components";
|
2020-12-08 11:09:46 +00:00
|
|
|
import equal from "fast-deep-equal/react";
|
2021-02-24 17:11:23 +00:00
|
|
|
import { tablet } from "@appserver/components/utils/device";
|
2019-07-20 09:48:29 +00:00
|
|
|
|
|
|
|
const StyledArticleHeader = styled.div`
|
2019-09-12 12:15:22 +00:00
|
|
|
border-bottom: 1px solid #eceef1;
|
2021-02-08 12:15:27 +00:00
|
|
|
height: 64px;
|
2020-02-13 09:39:32 +00:00
|
|
|
|
|
|
|
@media ${tablet} {
|
|
|
|
display: none;
|
2020-10-16 12:38:04 +00:00
|
|
|
}
|
2019-07-20 09:48:29 +00:00
|
|
|
`;
|
|
|
|
|
2020-08-11 12:35:24 +00:00
|
|
|
class ArticleHeader extends React.Component {
|
|
|
|
shouldComponentUpdate(nextProps) {
|
2020-12-08 11:09:46 +00:00
|
|
|
return !equal(this.props, nextProps);
|
2020-08-11 12:35:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
//console.log("PageLayout ArticleHeader render");
|
|
|
|
return <StyledArticleHeader {...this.props} />;
|
|
|
|
}
|
|
|
|
}
|
2019-07-20 09:48:29 +00:00
|
|
|
|
2019-09-12 12:15:22 +00:00
|
|
|
ArticleHeader.displayName = "ArticleHeader";
|
|
|
|
|
|
|
|
export default ArticleHeader;
|