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";
|
2020-11-06 13:43:14 +00:00
|
|
|
|
2019-07-20 09:48:29 +00:00
|
|
|
const StyledArticleMainButton = styled.div`
|
2021-10-04 12:08:56 +00:00
|
|
|
margin: 12px 0 0;
|
2021-10-15 18:22:34 +00:00
|
|
|
max-width: 216px;
|
2020-11-06 13:43:14 +00:00
|
|
|
.main-button_drop-down {
|
|
|
|
line-height: 36px;
|
|
|
|
}
|
|
|
|
@media ${tablet} {
|
2021-10-22 10:03:17 +00:00
|
|
|
margin: 16px 0 0;
|
2020-11-06 13:43:14 +00:00
|
|
|
.main-button_drop-down {
|
|
|
|
line-height: 40px;
|
|
|
|
}
|
|
|
|
}
|
2019-07-20 09:48:29 +00:00
|
|
|
`;
|
|
|
|
|
2020-08-11 12:35:24 +00:00
|
|
|
class ArticleMainButton 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 ArticleMainButton render");
|
|
|
|
return <StyledArticleMainButton {...this.props} />;
|
|
|
|
}
|
|
|
|
}
|
2019-07-20 09:48:29 +00:00
|
|
|
|
2019-09-12 12:15:22 +00:00
|
|
|
ArticleMainButton.displayName = "ArticleMainButton";
|
|
|
|
|
|
|
|
export default ArticleMainButton;
|