- Set file upload file to UI directory

- Remove lint errors
- Display bootcamp images from images directory

api/.env.example

@@ -17,7 +17,7 @@ geocoder_provider=mapquest
 geocoder_api_key= # Get your API key from https://developer.mapquest.com/
 
 # File upload configuration
-file_upload_path=./public/uploads
+file_upload_path=../ui/public/images
 max_file_upload=1000000
 
 # JWT configuration

ui/src/components/Bootcamp.jsx

@@ -8,7 +8,7 @@ const Bootcamp = ({ id, photo, name, averageRating, location, careers }) => {
     <div className="card mb-3">
       <div className="row no-gutters">
         <div className="col-md-4">
-          <Image src={photo} className="card-img" alt={name} />
+          <Image src={`/images/${photo}`} className="card-img full-size-image" alt={name} />
         </div>
         <div className="col-md-8">
           <div className="card-body">
@@ -33,7 +33,7 @@ Bootcamp.propTypes = {
   id: PropTypes.string.isRequired,
   photo: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
-  averageRating: PropTypes.number.isRequired,
+  averageRating: PropTypes.number,
   location: PropTypes.object.isRequired,
   careers: PropTypes.array.isRequired,
 };

ui/src/components/Header.jsx

@@ -69,8 +69,8 @@ function Header({ isAuthenticated, setIsAuthenticated }) {
 }
 
 Header.propTypes = {
-  isAuthenticated: PropTypes.bool.isRequired,
-  setIsAuthenticated: PropTypes.func.isRequired,
+  isAuthenticated: PropTypes.bool,
+  setIsAuthenticated: PropTypes.func,
 };
 
 export default Header;

ui/src/index.css

@@ -48,3 +48,9 @@ img {
   align-items: center;
   height: 100vh; /* Full viewport height */
 }
+
+.full-size-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}