summaryrefslogtreecommitdiff
path: root/opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js
diff options
context:
space:
mode:
authorFabian Mastenbroek <mail.fabianm@gmail.com>2021-07-15 15:10:04 +0200
committerFabian Mastenbroek <mail.fabianm@gmail.com>2021-07-15 15:45:25 +0200
commit829be3c973f5ca837431c3ca10909412b675e668 (patch)
tree4228b7173d5a058f1a4f2fd77fb4691cf29bc90f /opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js
parent1a2416043f0b877f570e89da74e0d0a4aff1d8ae (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.js39
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