From a3178d4bff7e1a86bcdda94a7e322d0c4a780209 Mon Sep 17 00:00:00 2001
From: AlveElde <alve_elde@hotmail.com>
Date: Wed, 2 Aug 2023 23:02:57 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Toggle=20selected=20user?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/features/register/Register.tsx   | 6 +++---
 frontend/src/features/register/useRegister.ts | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/features/register/Register.tsx b/frontend/src/features/register/Register.tsx
index 2103077..2b41e61 100644
--- a/frontend/src/features/register/Register.tsx
+++ b/frontend/src/features/register/Register.tsx
@@ -15,8 +15,8 @@ const Register = (): JSX.Element => {
     loading,
     showAll,
     setShowAll,
-    setSelectedUser,
     selectedUser,
+    toggleSelectedUser,
     addToOrder,
     order,
     total,
@@ -36,14 +36,14 @@ const Register = (): JSX.Element => {
           <UserCard
             key={USER_EXTERNAL}
             user={null}
-            onUser={() => setSelectedUser(USER_EXTERNAL)}
+            onUser={() => toggleSelectedUser(USER_EXTERNAL)}
             active={selectedUser == USER_EXTERNAL}
           />
           {users.map((user) => (
             <UserCard
               key={user.id}
               user={user}
-              onUser={() => setSelectedUser(user.id)}
+              onUser={() => toggleSelectedUser(user.id)}
               active={selectedUser == user.id}
             />
           ))}
diff --git a/frontend/src/features/register/useRegister.ts b/frontend/src/features/register/useRegister.ts
index fddb71c..7f7076c 100644
--- a/frontend/src/features/register/useRegister.ts
+++ b/frontend/src/features/register/useRegister.ts
@@ -38,6 +38,10 @@ export const useRegister = () => {
     setSelectedUser("");
   };
 
+  const toggleSelectedUser = (userId: string) => {
+    setSelectedUser(selectedUser == userId ? "" : userId);
+  };
+
   const addToOrder = (productId: string) => {
     let added = false;
     const newOrder = order.map((orderLine: OrderLineInput) => {
@@ -94,6 +98,7 @@ export const useRegister = () => {
     setShowAll,
     setSelectedUser,
     selectedUser,
+    toggleSelectedUser,
     addToOrder,
     order,
     total,