From e707852e691e7fb0abf8bc8c70981979b48520f8 Mon Sep 17 00:00:00 2001
From: Dino Tutic <dino.tutic96@gmail.com>
Date: Thu, 13 Jul 2023 20:57:06 +0200
Subject: [PATCH] Trying to add search function / useNavigate question

---
 src/components/search/index.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/search/index.js b/src/components/search/index.js
index 4a55cfd..273d1ee 100644
--- a/src/components/search/index.js
+++ b/src/components/search/index.js
@@ -1,11 +1,11 @@
-import React, { useRef } from 'react';
+import React, { useRef } from "react";
+import { createSearchParams, useNavigate } from "react-router-dom";
 // Import createSearchParams
 // Import useNavigate
 
 const Search = () => {
-
   // get navigate function
-  const navigate = "REPLACE ME";
+  const navigate = useNavigate();
 
   const searchInputRef = useRef();
 
@@ -13,13 +13,14 @@ const Search = () => {
     e.preventDefault();
 
     const searchQuery = {
-      name: searchInputRef.current.value
-    }
+      name: searchInputRef.current.value,
+    };
 
-    // use createSearchParams 
-    const query = "REPLACE ME";
+    // use createSearchParams
+    const query = createSearchParams(searchQuery);
 
     // imperatively redirect with useNavigate() returned function
+    navigate({ pathname: "/search", search: `${query}` });
   };
 
   return (