From 408ea30dc08b47a24407c10b752bd4e4edf5ab1e Mon Sep 17 00:00:00 2001
From: David Rueck <drueck@gmail.com>
Date: Thu, 4 Nov 2021 13:59:47 -0700
Subject: [PATCH 1/3] Wrong avatar property

---
 src/components/UsersList.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/UsersList.js b/src/components/UsersList.js
index a9ead19..03e56f2 100644
--- a/src/components/UsersList.js
+++ b/src/components/UsersList.js
@@ -8,7 +8,7 @@ const UsersList = ({ users = [] }) =>
   ) : (
     users.map((user) => (
       <Link key={user.id} className="list-item" to={`/users/${user.login}`}>
-        <img className="list-avatar" src={user.avatar_url} alt="user avatar" />
+        <img className="list-avatar" src={user.avatar} alt="user avatar" />
         {user.login}
       </Link>
     ))

From e2cb663c5ea9aaaf5f99fb66da0613e06ccd1d45 Mon Sep 17 00:00:00 2001
From: David Rueck <drueck@gmail.com>
Date: Thu, 4 Nov 2021 14:00:18 -0700
Subject: [PATCH 2/3] Check wrong query param

---
 src/components/Users.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Users.js b/src/components/Users.js
index 71457b4..14a67fc 100644
--- a/src/components/Users.js
+++ b/src/components/Users.js
@@ -11,7 +11,7 @@ const Users = () => {
   const history = useHistory()
   const { path } = useRouteMatch()
   const { search } = useLocation()
-  const q = new URLSearchParams(search).get('q') || ''
+  const q = new URLSearchParams(search).get('qq') || ''
   const [users, setUsers] = useState([])
 
   const updateUsersFromQuery = useMemo(

From 486a11e870f8da3b4b9b5dac213b09a481300f84 Mon Sep 17 00:00:00 2001
From: David Rueck <drueck@gmail.com>
Date: Thu, 4 Nov 2021 14:01:08 -0700
Subject: [PATCH 3/3] Use wrong value on response data

---
 src/components/Users.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/Users.js b/src/components/Users.js
index 14a67fc..b444f1a 100644
--- a/src/components/Users.js
+++ b/src/components/Users.js
@@ -17,8 +17,7 @@ const Users = () => {
   const updateUsersFromQuery = useMemo(
     () =>
       debounce(
-        (q) =>
-          request(`/search/users?q=${q}`).then(({ items }) => setUsers(items)),
+        (q) => request(`/search/users?q=${q}`).then((items) => setUsers(items)),
         300
       ),
     []