Fix invalid DOM property . Did you mean ? error

Jbachtiger · Oct 21, 2022 · 9afca9c · 9afca9c
1 parent 59f0ddd
commit 9afca9c
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -190,6 +190,8 @@ game publisher and developer fields not clickable - fixed by change as to type i
 
 image not displaying for reviews page - needed to modifiy reviews serializer to include image for field
 
+Warning: Invalid DOM property `class`. Did you mean `className`? - didn't add className rather class for favourite navbar
+
 ## Known Bugs
 
 ## Technologies Used

diff --git a/src/components/NavBar.js b/src/components/NavBar.js
@@ -40,7 +40,7 @@ const NavBar = () => {
         className={styles.NavLink}
         activeClassName={styles.Active}
       >
-        <i class="fas fa-bookmark"></i>Favourites
+        <i className="fas fa-bookmark"></i>Favourites
       </NavLink>
       <NavLink to="/" className={styles.NavLink} onClick={handleSignOut}>
         <i className="fas fa-sign-out-alt"></i>Sign out

diff --git a/src/pages/about/About.js b/src/pages/about/About.js
@@ -50,7 +50,7 @@ function About() {
             aria-label="Visit my Github page (opens in a new tab)"
             className="p-3"
           >
-            <i class="fab fa-github"> GitHub</i>
+            <i className="fab fa-github"> GitHub</i>
           </a>
 
           <a
@@ -59,7 +59,7 @@ function About() {
             rel="noreferrer"
             aria-label="Visit my LinkedIn page (opens in a new tab)"
           >
-            <i class="fab fa-linkedin">LinkedIn</i>
+            <i className="fab fa-linkedin">LinkedIn</i>
           </a>
           <hr />
           <p>

diff --git a/src/pages/events/EventCreateForm.js b/src/pages/events/EventCreateForm.js
@@ -19,8 +19,6 @@ const EventCreateForm = () => {
     city: "",
     address: "",
     price: "",
-    created_on: "",
-    modified_on: "",
     event_link: "",
   });
 
@@ -32,8 +30,6 @@ const EventCreateForm = () => {
     city,
     address,
     price,
-    created_on,
-    modified_on,
     event_link,
   } = eventData;
 
@@ -64,8 +60,6 @@ const EventCreateForm = () => {
     formData.append("city", city);
     formData.append("address", address);
     formData.append("price", price);
-    formData.append("created_on", created_on);
-    formData.append("modified_on", modified_on);
     formData.append("event_link", event_link);
 
     try {

diff --git a/src/pages/events/EventEditForm.js b/src/pages/events/EventEditForm.js
@@ -20,8 +20,6 @@ const EventEditForm = () => {
     city: "",
     address: "",
     price: "",
-    created_on: "",
-    modified_on: "",
     event_link: "",
   });
 
@@ -33,8 +31,6 @@ const EventEditForm = () => {
     city,
     address,
     price,
-    created_on,
-    modified_on,
     event_link,
   } = eventData;
 
@@ -56,8 +52,6 @@ const EventEditForm = () => {
           city,
           address,
           price,
-          created_on,
-          modified_on,
           event_link,
           is_owner,
         } = data;
@@ -71,8 +65,6 @@ const EventEditForm = () => {
               city,
               address,
               price,
-              created_on,
-              modified_on,
               event_link,
             })
           : history.push("/");
@@ -109,8 +101,6 @@ const EventEditForm = () => {
     formData.append("city", city);
     formData.append("address", address);
     formData.append("price", price);
-    formData.append("created_on", created_on);
-    formData.append("modified_on", modified_on);
     formData.append("event_link", event_link);
 
     try {

diff --git a/src/pages/posts/Post.js b/src/pages/posts/Post.js
@@ -106,7 +106,7 @@ const Post = (props) => {
       </Link>
       <Card.Body>
         {title && <Card.Title className="text-center">{title}</Card.Title>}
-        {game_medium && <Card.Text>Game Medium: {game_medium}</Card.Text>}
+        {game_medium && <Card.Text>Category: {game_medium}</Card.Text>}
         {description && <Card.Text>{description}</Card.Text>}
 
         <div>