54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
import React from "react";
|
|
import PropTypes from "prop-types";
|
|
import {
|
|
StyledContainer,
|
|
StyledBlock,
|
|
StyledRectangleLoader,
|
|
} from "./StyledArticleFolderLoader";
|
|
import { inject, observer } from "mobx-react";
|
|
|
|
const ArticleFolderLoader = ({ id, className, style, showText, ...rest }) => {
|
|
return (
|
|
<StyledContainer
|
|
id={id}
|
|
className={className}
|
|
style={style}
|
|
showText={showText}
|
|
>
|
|
<StyledBlock>
|
|
<StyledRectangleLoader {...rest} />
|
|
<StyledRectangleLoader {...rest} />
|
|
<StyledRectangleLoader {...rest} />
|
|
<StyledRectangleLoader {...rest} />
|
|
</StyledBlock>
|
|
<StyledBlock>
|
|
<StyledRectangleLoader {...rest} />
|
|
<StyledRectangleLoader {...rest} />
|
|
</StyledBlock>
|
|
<StyledBlock>
|
|
<StyledRectangleLoader {...rest} />
|
|
</StyledBlock>
|
|
<StyledBlock>
|
|
<StyledRectangleLoader {...rest} />
|
|
</StyledBlock>
|
|
</StyledContainer>
|
|
);
|
|
};
|
|
|
|
ArticleFolderLoader.propTypes = {
|
|
id: PropTypes.string,
|
|
className: PropTypes.string,
|
|
style: PropTypes.object,
|
|
showText: PropTypes.bool,
|
|
};
|
|
|
|
ArticleFolderLoader.defaultProps = {
|
|
id: undefined,
|
|
className: undefined,
|
|
style: undefined,
|
|
};
|
|
|
|
export default inject(({ auth }) => ({
|
|
showText: auth.settingsStore.showText,
|
|
}))(observer(ArticleFolderLoader));
|