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-16 10:32:57 +0200
committerGitHub <noreply@github.com>2021-07-16 10:32:57 +0200
commitdb1d2c2f8c18850dedf34b5d690b6cd6a1d1f6b5 (patch)
tree263a6f9741c5ca0dd64ecf3f7f07b580331aec9d /opendc-web/opendc-web-ui/src/components/home/ScreenshotSection.js
parent1a2416043f0b877f570e89da74e0d0a4aff1d8ae (diff)
parent803e13b32cf0ff8b496649fb0a4d6e32400e98a4 (diff)
merge: Add PatternFly 4 web interface (#161)
This pull requests adds the new web interface based on the PatternFly 4 design framework. This framework enables us to develop more quickly the interfaces necessary in OpenDC. * Remove the OpenDC landing page from the web interface module * Add support for the PatternFly 4 framework in Next.js * Relax topology schema requirements * Migrate UI components to PatternFly 4
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