chore: create search view

2 files changed, 5 insertions, 1 deletions

diff --git a/src/components/PostsList/PostsList.tsx b/src/components/PostsList/PostsList.tsx
index 03e8834..da72032 100644
--- a/src/components/PostsList/PostsList.tsx
+++ b/src/components/PostsList/PostsList.tsx
@@ -39,7 +39,7 @@ const PostsList = ({
   const getPostsList = () => {
     return data.map((page) => {
       if (page.posts.length === 0) {
-        return <p>{t`No results found.`}</p>;
+        return <p key="no-result">{t`No results found.`}</p>;
       } else {
         return (
           <Fragment key={page.pageInfo.endCursor}>
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 (