chore: create search view

1 files changed, 4 insertions, 0 deletions

diff --git a/src/components/SearchForm/SearchForm.tsx b/src/components/SearchForm/SearchForm.tsx
index c02c224..e37ba9e 100644
--- a/src/components/SearchForm/SearchForm.tsx
+++ b/src/components/SearchForm/SearchForm.tsx
@@ -1,11 +1,13 @@
 import { ButtonSubmit } from '@components/Buttons';
 import { Form, Input } from '@components/Form';
 import { t } from '@lingui/macro';
+import { useRouter } from 'next/router';
 import { FormEvent, useEffect, useRef, useState } from 'react';
 
 const SearchForm = ({ isOpened }: { isOpened: boolean }) => {
   const [query, setQuery] = useState('');
   const inputRef = useRef<HTMLInputElement>(null);
+  const router = useRouter();
 
   useEffect(() => {
     setTimeout(() => {
@@ -17,6 +19,8 @@ const SearchForm = ({ isOpened }: { isOpened: boolean }) => {
 
   const launchSearch = (e: FormEvent) => {
     e.preventDefault();
+    router.push({ pathname: '/recherche', query: { s: query } });
+    setQuery('');
   };
 
   return (