From c7db44e7145cc7fc49f86a58d87a4466e59e1518 Mon Sep 17 00:00:00 2001
From: sadjoaldi <alsannealdi@hotmail.com>
Date: Wed, 26 Feb 2025 13:38:03 +0100
Subject: [PATCH] =?UTF-8?q?vidange=20input=20apr=C3=A8s=20ssoumission?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/comics.jsx | 5 +----
 src/components/search.jsx | 3 ++-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/comics.jsx b/src/components/comics.jsx
index 9bb9394..2cbb5a8 100644
--- a/src/components/comics.jsx
+++ b/src/components/comics.jsx
@@ -31,9 +31,9 @@ export default function Comics({ data, onClick }) {
         </button>
         <div className='comics'>
           {data.map((dataItem) => {
-            const detailsUrl = dataItem.urls.find((element) => element['type'] === 'detail').url;
             return (
               <Link
+                to={`/comics/${dataItem.id}`}
                 key={dataItem.id}
                 className='comic-card'
                 style={{
@@ -44,9 +44,6 @@ export default function Comics({ data, onClick }) {
                   e.stopPropagation();
                   onClick(dataItem.id);
                 }}
-                href={detailsUrl}
-                target='_blank'
-                rel='noreferrer'
               >
                 <div className='comics-title'>
                   <h3>{dataItem.title}</h3>
diff --git a/src/components/search.jsx b/src/components/search.jsx
index f6ad769..f616417 100644
--- a/src/components/search.jsx
+++ b/src/components/search.jsx
@@ -14,6 +14,7 @@ export default function Search() {
   const handleSubmit = (event) => {
     event.preventDefault();
     getCharacterData();
+    setCharacterName('');
   };
 
   const getCharacterData = () => {
@@ -58,7 +59,7 @@ export default function Search() {
   return (
     <>
       <form className='' onSubmit={handleSubmit}>
-        <input type='text' placeholder='Search' onChange={handleChange} />
+        <input type='text' placeholder='Search' value={characterName} onChange={handleChange} />
       </form>
 
       {!comicData && characterData && characterData.results[0] && (