individual event rendering on page

HusnainRashid · Mar 8, 2023 · 5c7b3ba · 5c7b3ba
1 parent aca5b1f
commit 5c7b3ba
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 7 deletions.
diff --git a/client/src/components/EventView/EventView.js b/client/src/components/EventView/EventView.js
@@ -4,21 +4,33 @@ import { useParams } from "react-router-dom";
 const EventView = () => {
   const {id} = useParams()
   const [event, setEvent] = useState([])
-  const [token, setToken] = useState(window.localStorage.getItem("token"));
 
   useEffect(() => {
     fetch(`/events/${id}`)
     .then(response => response.json())
     .then(async data => {
-      window.localStorage.setItem("token", data.token);
-      setToken(window.localStorage.getItem("token"));
-      setEvent(data.event);
+      setEvent(data);
     })
   }, [])
 
   return (
     <div>
-      <p>{event._id}</p>
+      <h1>{event.name}</h1>
+      <h2>{event.description}</h2>
+      <h3>Genre: {event.genre}, {event.subgenre}</h3>
+      <h3>Accessibility: {event.accessibility}</h3>
+      <h3>Age restriction: {event.ageRestricted}</h3>
+      <h3>Address: {event.venueAddress}, {event.postCode}</h3>
+      <h3>
+        Minimum Price: {event.priceRange[0].min === 0 ? "Free" : `£${event.priceRange[0].min}`}
+      </h3>
+      <h3>
+        Maximum Price: {event.priceRange[0].max === 0 ? "" : `£${event.priceRange[0].max}`} 
+      </h3>
+      <a href={`https://${event.url}`} target='_blank' rel='noreferrer'><button className="btn btn-light">
+                  Grab a ticket here!
+                </button></a>
+
     </div>
   );
 };

diff --git a/server/controllers/events.js b/server/controllers/events.js
@@ -19,7 +19,7 @@ const EventsController = {
           if (!event) {
             return res.status(404).json({ message: `Event not found` });
           }
-          res.json(event);
+          res.status(200).json(event);
         } catch (err) {
           console.log(err);
           res.status(500).json({ message: "Error finding event" });

diff --git a/server/routes/events.js b/server/routes/events.js
@@ -4,7 +4,7 @@ const router = express.Router();
 const EventsController = require("../controllers/events");
 
 router.get("/", EventsController.Index);
-router.get("/:id", EventsController.Find);
+router.get('/:id', EventsController.Find);
 
 
 module.exports = router;