68 lines
1.5 KiB
JavaScript
68 lines
1.5 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,
|
|
personal,
|
|
...rest
|
|
}) => {
|
|
return (
|
|
<StyledContainer
|
|
id={id}
|
|
className={className}
|
|
style={style}
|
|
showText={showText}
|
|
>
|
|
<StyledBlock>
|
|
<StyledRectangleLoader {...rest} />
|
|
<StyledRectangleLoader {...rest} />
|
|
<StyledRectangleLoader {...rest} />
|
|
<StyledRectangleLoader {...rest} />
|
|
</StyledBlock>
|
|
{!personal && (
|
|
<>
|
|
<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 }) => {
|
|
return {
|
|
showText: auth.settingsStore.showText,
|
|
personal: auth.settingsStore.personal,
|
|
};
|
|
})(observer(ArticleFolderLoader));
|