DocSpace-buildtools/packages/asc-web-common/components/Loaders/ArticleFolderLoader/ArticleFolderLoader.js

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));