Filter teams

src/components/FilterForm.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+export default function FilterForm({ filterCallback }) {
+	let updateInput = (e) => {
+		e.preventDefault()
+		console.log(JSON.stringify(e, 0, 2))
+		filterCallback(e)
+	}
+
+	return (
+		<form>
+			<div className="form-group">
+				<label htmlFor="title">Filter </label>
+				<input onChange={filterCallback} />
+			</div>
+		</form>
+	)
+}

src/components/Team.jsx

@@ -6,9 +6,11 @@ export default function Team({ teams, users, selectTeam, selectUser }) {
 			<ul className='list'>
 				{teams.map(team => (
 					<li className = 'list-item' key={team.id}>
-						<button onClick={() => selectTeam(team.name)}>
-							{ team.name }
-						</button>
+						<div>
+							<button onClick={() => selectTeam(team.name)}>
+								{ team.name }
+							</button>
+						</div>
 					</li>
 				))}
 			</ul>