DocSpace-client/packages/asc-web-common/components/PageLayout/sub-components/article-main-button.js

34 lines
777 B
JavaScript

import React from "react";
import styled from "styled-components";
import equal from "fast-deep-equal/react";
import { tablet } from "@appserver/components/utils/device";
const StyledArticleMainButton = styled.div`
margin: 12px 0 0;
max-width: 216px;
.main-button_drop-down {
line-height: 36px;
}
@media ${tablet} {
margin: 16px 0 0;
.main-button_drop-down {
line-height: 40px;
}
}
`;
class ArticleMainButton extends React.Component {
shouldComponentUpdate(nextProps) {
return !equal(this.props, nextProps);
}
render() {
//console.log("PageLayout ArticleMainButton render");
return <StyledArticleMainButton {...this.props} />;
}
}
ArticleMainButton.displayName = "ArticleMainButton";
export default ArticleMainButton;