functioning add item button added to list page

the-collab-lab · Sep 24, 2024 · 679632b · 679632b
1 parent c46af99
commit 679632b
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/views/List.jsx b/src/views/List.jsx
@@ -51,6 +51,11 @@ export function List({ data, userId }) {
 		setFilteredObject(filteredObject);
 	}, [filterVal, sortedList]);
 
+	const addItemNavigate = (e) => {
+		e.preventDefault();
+		window.location.href = '/manage-list';
+	};
+
 	return (
 		<>
 			<p>
@@ -60,8 +65,10 @@ export function List({ data, userId }) {
 				<BasicModal dataEmpty={dataEmpty} message={message} />
 			)}
 
+			<button onClick={addItemNavigate}> Add item</button>
+
 			<form onSubmit={clearInput}>
-				<label htmlFor="item-name">Item name:</label>
+				<label htmlFor="item-name">Search item: </label>
 				<input
 					id="item-name"
 					name="item-name"