2022-02-03 15:34:19 +00:00
|
|
|
import React from "react";
|
|
|
|
import PropTypes from "prop-types";
|
|
|
|
import {
|
|
|
|
StyledContainer,
|
|
|
|
StyledRectangleLoader,
|
2022-03-15 14:41:37 +00:00
|
|
|
} from "./StyledArticleGroupsLoader";
|
2022-02-03 15:34:19 +00:00
|
|
|
import { inject, observer } from "mobx-react";
|
2021-10-04 14:22:06 +00:00
|
|
|
|
2022-03-15 14:41:37 +00:00
|
|
|
const ArticleGroupsLoader = ({ id, className, style, showText, ...rest }) => {
|
2021-10-04 14:22:06 +00:00
|
|
|
return (
|
2022-02-03 15:34:19 +00:00
|
|
|
<StyledContainer
|
|
|
|
id={id}
|
|
|
|
className={className}
|
|
|
|
style={style}
|
|
|
|
showText={showText}
|
|
|
|
>
|
2021-10-04 14:22:06 +00:00
|
|
|
<StyledRectangleLoader {...rest} />
|
|
|
|
<StyledRectangleLoader {...rest} />
|
|
|
|
<StyledRectangleLoader {...rest} />
|
|
|
|
<StyledRectangleLoader {...rest} />
|
|
|
|
<StyledRectangleLoader {...rest} />
|
|
|
|
<StyledRectangleLoader {...rest} />
|
|
|
|
<StyledRectangleLoader {...rest} />
|
|
|
|
<StyledRectangleLoader {...rest} />
|
|
|
|
</StyledContainer>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
2022-03-15 14:41:37 +00:00
|
|
|
ArticleGroupsLoader.propTypes = {
|
2021-10-04 14:22:06 +00:00
|
|
|
id: PropTypes.string,
|
|
|
|
className: PropTypes.string,
|
|
|
|
style: PropTypes.object,
|
|
|
|
showText: PropTypes.bool,
|
|
|
|
};
|
|
|
|
|
2022-03-15 14:41:37 +00:00
|
|
|
ArticleGroupsLoader.defaultProps = {
|
2021-10-04 14:22:06 +00:00
|
|
|
id: undefined,
|
|
|
|
className: undefined,
|
|
|
|
style: undefined,
|
|
|
|
};
|
|
|
|
|
2022-02-03 15:34:19 +00:00
|
|
|
export default inject(({ auth }) => ({
|
|
|
|
showText: auth.settingsStore.showText,
|
2022-03-15 14:41:37 +00:00
|
|
|
}))(observer(ArticleGroupsLoader));
|