💄 Toggle selected user

bbs/admin.py

@@ -7,16 +7,9 @@ class ProductAdmin(admin.ModelAdmin):
     pass
 
 
-class CardAdmin(admin.ModelAdmin):
-    list_display = ("name", "user", "card_id", "active")
-    list_filter = ("active",)
-    search_fields = ("user__username", "name")
-
-
 admin.site.register(Product, ProductAdmin)
 admin.site.register(InventoryTransaction)
 admin.site.register(Order)
 admin.site.register(OrderLine)
 admin.site.register(Transaction)
 admin.site.register(UserProfile)
-admin.site.register(Card, CardAdmin)

bbs/models.py

@@ -245,16 +245,3 @@ class UserProfile(models.Model):
 
     def __str__(self):
         return f"{self.user}"
-
-
-class Card(models.Model):
-    user = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE, related_name="cards")
-    card_id = models.CharField(max_length=32)
-    name = models.CharField(max_length=64)
-    # pin = models.IntegerField(max_length=4, blank=True, null=True)
-    # valid_until = models.DateTimeField(blank=True, null=True)
-    active = models.BooleanField(default=True)
-    created = models.DateTimeField(auto_now_add=True)
-
-    def __str__(self):
-        return f"{self.name}"

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}
             />
           ))}

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,