diff --git a/src/App.js b/src/App.js
index 323fdef..77eaa7a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -20,6 +20,7 @@ const appRouter = createBrowserRouter(
} />
} />
} />
+ } />
)
);
diff --git a/src/components/search/index.js b/src/components/search/index.js
index 273d1ee..3bb1208 100644
--- a/src/components/search/index.js
+++ b/src/components/search/index.js
@@ -20,6 +20,8 @@ const Search = () => {
const query = createSearchParams(searchQuery);
// imperatively redirect with useNavigate() returned function
+
+ //Dont really understand why I am passing an object to useNavigate
navigate({ pathname: "/search", search: `${query}` });
};
diff --git a/src/pages/detail/index.js b/src/pages/detail/index.js
index 217d6f3..77b7154 100644
--- a/src/pages/detail/index.js
+++ b/src/pages/detail/index.js
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
import { getPetDetails } from "../../api/petfinder";
import Hero from "../../components/hero";
import { useParams } from "react-router-dom";
+import { Navigate } from "react-router-dom";
// Import useParams
// Import Navigate
@@ -33,7 +34,7 @@ const PetDetailsPage = () => {
Loading...
) : error ? (
- {/* Redirect to /pet-details-not-found if there was an error! */}
+
) : (
diff --git a/src/pages/petDetailsNotFound/index.js b/src/pages/petDetailsNotFound/index.js
index 828f87a..7f08d02 100644
--- a/src/pages/petDetailsNotFound/index.js
+++ b/src/pages/petDetailsNotFound/index.js
@@ -1,19 +1,21 @@
-import React from 'react';
-// import useNavigate here.
+import React from "react";
+import { useNavigate } from "react-router-dom";
const PetDetailsNotFound = () => {
-
// get the navigate function from useNavigate
- const navigate = "REPLACE ME";
+ const navigate = useNavigate();
const goHome = () => {
- // Go home!
- }
-
+ navigate("/");
+ };
+
return (
404: Who let the dogs out?
- Sorry, but the details for this pet have not been uploaded by the shelter yet. Check back later!
+
+ Sorry, but the details for this pet have not been uploaded by the
+ shelter yet. Check back later!
+