diff options
| author | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2021-07-15 15:10:04 +0200 |
|---|---|---|
| committer | Fabian Mastenbroek <mail.fabianm@gmail.com> | 2021-07-15 15:45:25 +0200 |
| commit | 829be3c973f5ca837431c3ca10909412b675e668 (patch) | |
| tree | 4228b7173d5a058f1a4f2fd77fb4691cf29bc90f /opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js | |
| parent | 1a2416043f0b877f570e89da74e0d0a4aff1d8ae (diff) | |
refactor(ui): Extract OpenDC landing page from web interface
This change extracts the landing page from the web interface in order to
separate the development of the two. This allows the landing page to be
developed independently of the actual OpenDC web application.
Diffstat (limited to 'opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js')
| -rw-r--r-- | opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js b/opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js deleted file mode 100644 index 58fe1710..00000000 --- a/opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js +++ /dev/null @@ -1,39 +0,0 @@ -import PropTypes from 'prop-types' -import React from 'react' -import Image from 'next/image' -import { Row, Col } from 'reactstrap' -import ContentSection from './ContentSection' -import { screenshot } from './ScreenshotSection.module.scss' - -const ScreenshotSection = ({ className, name, title, imageUrl, caption, imageIsRight, children }) => ( - <ContentSection name={name} title={title} className={className}> - <Row> - <Col xl="5" lg="5" md="5" sm="12" className={`text-left my-auto ${!imageIsRight ? 'order-1' : ''}`}> - {children} - </Col> - <Col xl="7" lg="7" md="7" sm="12"> - <Image - src={imageUrl} - className={`col-12 ${screenshot}`} - layout="intrinsic" - width={635} - height={419} - alt={caption} - /> - <div className="row text-muted justify-content-center">{caption}</div> - </Col> - </Row> - </ContentSection> -) - -ScreenshotSection.propTypes = { - className: PropTypes.string, - name: PropTypes.string, - title: PropTypes.string, - imageUrl: PropTypes.string, - caption: PropTypes.string, - imageIsRight: PropTypes.bool, - children: PropTypes.node, -} - -export default ScreenshotSection |
