chore: remove GridBlockWithButton component from microsite (#3179)

2020-10-30 19:54:43 +05:30
parent ba01036406
commit bf8a64c29b
1 changed files with 0 additions and 100 deletions
@@ -1,100 +0,0 @@
-/**
- * Copyright (c) 2017-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-const React = require('react');
-const classNames = require('classnames');
-
-const CompLibrary = require(`${process.cwd()}/node_modules/docusaurus/lib/core/CompLibrary.js`);
-const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
-
-class GridBlockWithButton extends React.Component {
-  renderBlock(origBlock) {
-    const blockDefaults = {
-      imageAlign: 'left',
-    };
-
-    const block = {
-      ...blockDefaults,
-      ...origBlock,
-    };
-
-    const blockClasses = classNames('blockElement', this.props.className, {
-      alignCenter: this.props.align === 'center',
-      alignRight: this.props.align === 'right',
-      fourByGridBlock: this.props.layout === 'fourColumn',
-      imageAlignSide:
-        block.image &&
-        (block.imageAlign === 'left' || block.imageAlign === 'right'),
-      imageAlignTop: block.image && block.imageAlign === 'top',
-      imageAlignRight: block.image && block.imageAlign === 'right',
-      imageAlignBottom: block.image && block.imageAlign === 'bottom',
-      imageAlignLeft: block.image && block.imageAlign === 'left',
-      threeByGridBlock: this.props.layout === 'threeColumn',
-      twoByGridBlock: this.props.layout === 'twoColumn',
-    });
-
-    const topLeftImage =
-      (block.imageAlign === 'top' || block.imageAlign === 'left') &&
-      this.renderBlockImage(block.image, block.imageLink, block.imageAlt);
-
-    const bottomRightImage =
-      (block.imageAlign === 'bottom' || block.imageAlign === 'right') &&
-      this.renderBlockImage(block.image, block.imageLink, block.imageAlt);
-
-    return (
-      <div className={blockClasses} key={block.title}>
-        {topLeftImage}
-        <div className="blockContent">
-          {this.renderBlockTitle(block.title)}
-          <MarkdownBlock>{block.content}</MarkdownBlock>
-          <div className="pluginWrapper buttonWrapper">
-            <a className="button" href={block.href} target={block.target}>
-              {block.buttonContent}
-            </a>
-          </div>
-        </div>
-        {bottomRightImage}
-      </div>
-    );
-  }
-
-  renderBlockImage(image) {
-    if (!image) {
-      return null;
-    }
-
-    return <div className="displayImage">{image}</div>;
-  }
-
-  renderBlockTitle(title) {
-    if (!title) {
-      return null;
-    }
-
-    return (
-      <h2>
-        <MarkdownBlock>{title}</MarkdownBlock>
-      </h2>
-    );
-  }
-
-  render() {
-    return (
-      <div className="gridBlock">
-        {this.props.contents.map(this.renderBlock, this)}
-      </div>
-    );
-  }
-}
-
-GridBlockWithButton.defaultProps = {
-  align: 'left',
-  contents: [],
-  layout: 'twoColumn',
-};
-
-module.exports = GridBlockWithButton;