diff --git a/src/ModalButton.css b/src/ModalButton.css index 4425cc1..f7f821a 100644 --- a/src/ModalButton.css +++ b/src/ModalButton.css @@ -1,4 +1,4 @@ -.videoPlayer { +.VideoPlayer { width: 100%; height: 250px; background-color: black; diff --git a/src/ModalButton.js b/src/ModalButton.js index 5074b24..f99d16c 100644 --- a/src/ModalButton.js +++ b/src/ModalButton.js @@ -1,7 +1,7 @@ import React from 'react'; import 'bootstrap/dist/css/bootstrap.min.css'; import 'bootstrap/dist/js/bootstrap.min.js'; -import Button from './Buttons'; +import Button from 'react-bootstrap/Button'; import Modal from 'react-bootstrap/Modal'; import './Buttons.css'; import './ModalButton.css'; @@ -11,16 +11,17 @@ function ModalButton() { const handleClose = () => setShow(false); const handleShow = () => setShow(true); + return ( <> - Card Title - +
Some quick example text to build on the card title and make up the bulk of the card's content.
@@ -28,12 +29,4 @@ function ModalButton() { ); } -class VideoPlayer extends React.Component { - render() { - return ( -
- ); - } -} - export default ModalButton; diff --git a/src/Navbar.js b/src/Navbar.js index 4e89d74..70be9e4 100644 --- a/src/Navbar.js +++ b/src/Navbar.js @@ -23,9 +23,9 @@ class Navbar extends React.Component { -
- - + + +