From 6e6f14db8986f5de6491b51117de0e1b0438b341 Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Thu, 29 Oct 2020 00:53:52 +0100
Subject: ui: Adapt home components to Reactstrap

---
 .../opendc-web-ui/src/components/home/ContentSection.js     | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

(limited to 'opendc-web/opendc-web-ui/src/components/home/ContentSection.js')

diff --git a/opendc-web/opendc-web-ui/src/components/home/ContentSection.js b/opendc-web/opendc-web-ui/src/components/home/ContentSection.js
index 9d4832d9..3a8960d9 100644
--- a/opendc-web/opendc-web-ui/src/components/home/ContentSection.js
+++ b/opendc-web/opendc-web-ui/src/components/home/ContentSection.js
@@ -1,15 +1,16 @@
+import React from 'react'
 import classNames from 'classnames'
+import { Container } from 'reactstrap'
 import PropTypes from 'prop-types'
-import React from 'react'
 import './ContentSection.sass'
 
-const ContentSection = ({ name, title, children }) => (
-    <div id={name} className={classNames(name + '-section', 'content-section')}>
-        <div className="container">
+const ContentSection = ({ name, title, children, className }) => (
+    <section id={name} className={classNames(className, name + '-section', 'content-section')}>
+        <Container>
             <h1>{title}</h1>
             {children}
-        </div>
-    </div>
+        </Container>
+    </section>
 )
 
 ContentSection.propTypes = {
-- 
cgit v1.2.3