diff --git a/ui/package-lock.json b/ui/package-lock.json index 8c4fc8a..be46f73 100644 --- a/ui/package-lock.json +++ b/ui/package-lock.json @@ -1,11 +1,11 @@ { - "name": "devCamper-ui", + "name": "devcamper-ui", "version": "0.1.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "devCamper-ui", + "name": "devcamper-ui", "version": "0.1.0", "dependencies": { "bootstrap": "^5.3.3", diff --git a/ui/src/App.js b/ui/src/App.js index 005635a..765c6e4 100644 --- a/ui/src/App.js +++ b/ui/src/App.js @@ -6,6 +6,7 @@ import LoginPage from './pages/LoginPage'; import RegisterPage from './pages/RegisterPage'; import AboutPage from './pages/AboutPage'; import BootcampsPage from './pages/BootcampsPage'; +import AddBootcampPage from './pages/AddBootcampPage'; function App() { return ( @@ -17,7 +18,8 @@ function App() { } /> } /> } /> - } /> + } /> + } /> diff --git a/ui/src/components/Header.jsx b/ui/src/components/Header.jsx index 4aa4234..cc46304 100644 --- a/ui/src/components/Header.jsx +++ b/ui/src/components/Header.jsx @@ -1,146 +1,99 @@ -import { Link } from 'react-router-dom'; -import Container from 'react-bootstrap/Container'; -import Nav from 'react-bootstrap/Nav'; -import Navbar from 'react-bootstrap/Navbar'; -import { FaGraduationCap, FaSignInAlt, FaUserPlus, FaLaptopCode, FaUser, FaSearch } from 'react-icons/fa'; import { useEffect, useState } from 'react'; -import { Image } from 'react-bootstrap'; -import "../styles/bootstrap.css"; +import { Link } from 'react-router-dom'; +import { Nav, NavDropdown, Navbar, Container } from 'react-bootstrap'; +import { FaSignInAlt, FaUserPlus, FaSignOutAlt, FaUser, FaSearch } from 'react-icons/fa'; +import '../styles/bootstrap.css'; function Header() { - const [getHeader, SetHeader] = useState(false); useEffect(() => { - if (window.location.href.includes('browse')) { + if (window.location.href.includes('bootcamps')) { SetHeader(true); } else { SetHeader(false); } }, []); - return ( <> - {/* */} - {/* {getHeader == true ? - - : - - } */} - - - + {/**/} + {getHeader === true ? ( + + + + {/* */} + DevCamp + + + + + + + + ) : ( + + + + {/* */} + DevCamp + + + + + + + + )} ); } diff --git a/ui/src/pages/AddBootcampPage.jsx b/ui/src/pages/AddBootcampPage.jsx new file mode 100644 index 0000000..594148d --- /dev/null +++ b/ui/src/pages/AddBootcampPage.jsx @@ -0,0 +1,170 @@ +const AddBootcampPage = () => { + return ( +
+
+

Add Bootcamp

+

+ Important: You must be affiliated with a bootcamp to add to DevCamper +

+
+
+
+
+
+

Location & Contact

+

+ If multiple locations, use the main or largest +

+
+ + +
+
+ + + Street, city, state, etc +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
+

Other Info

+
+ + + No more than 500 characters +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+

+ *After you add the bootcamp, you can add the specific courses + offered +

+
+
+
+
+
+ + {/*Cancel */} +
+
+
+
+ ); +}; + +export default AddBootcampPage; \ No newline at end of file