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/TechnologiesSection.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/TechnologiesSection.js')
| -rw-r--r-- | opendc-web/opendc-web-ui/src/components/home/TechnologiesSection.js | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/opendc-web/opendc-web-ui/src/components/home/TechnologiesSection.js b/opendc-web/opendc-web-ui/src/components/home/TechnologiesSection.js deleted file mode 100644 index e5131c2a..00000000 --- a/opendc-web/opendc-web-ui/src/components/home/TechnologiesSection.js +++ /dev/null @@ -1,47 +0,0 @@ -import PropTypes from 'prop-types' -import React from 'react' -import { ListGroup, ListGroupItem } from 'reactstrap' -import ContentSection from './ContentSection' -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faWindowMaximize, faTv, faDatabase, faCogs } from '@fortawesome/free-solid-svg-icons' - -const TechnologiesSection = ({ className }) => ( - <ContentSection name="technologies" title="Technologies" className={className}> - <ListGroup className="list-group text-left"> - <ListGroupItem color="primary" className="d-flex justify-content-between align-items-center"> - <span style={{ minWidth: 100 }}> - <FontAwesomeIcon icon={faWindowMaximize} className="mr-2" /> - <strong className="">Browser</strong> - </span> - <span className="text-right">JavaScript, React, Redux, Konva</span> - </ListGroupItem> - <ListGroupItem color="warning" className="d-flex justify-content-between align-items-center"> - <span style={{ minWidth: 100 }}> - <FontAwesomeIcon icon={faTv} className="mr-2" /> - <strong>Server</strong> - </span> - <span className="text-right">Python, Flask, FlaskSocketIO, OpenAPI</span> - </ListGroupItem> - <ListGroupItem color="success" className="d-flex justify-content-between align-items-center"> - <span style={{ minWidth: 100 }}> - <FontAwesomeIcon icon={faDatabase} className="mr-2" /> - <strong>Database</strong> - </span> - <span className="text-right">MongoDB</span> - </ListGroupItem> - <ListGroupItem color="danger" className="d-flex justify-content-between align-items-center"> - <span style={{ minWidth: 100 }}> - <FontAwesomeIcon icon={faCogs} className="mr-2" /> - <strong>Simulator</strong> - </span> - <span className="text-right">Kotlin</span> - </ListGroupItem> - </ListGroup> - </ContentSection> -) - -TechnologiesSection.propTypes = { - className: PropTypes.string, -} - -export default TechnologiesSection |
