refactor(Card): change card field from disable to active for intuitive admin

bbs/admin.py

@@ -7,9 +7,16 @@ 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,3 +245,16 @@ 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={() => toggleSelectedUser(USER_EXTERNAL)}
+            onUser={() => setSelectedUser(USER_EXTERNAL)}
             active={selectedUser == USER_EXTERNAL}
           />
           {users.map((user) => (
             <UserCard
               key={user.id}
               user={user}
-              onUser={() => toggleSelectedUser(user.id)}
+              onUser={() => setSelectedUser(user.id)}
               active={selectedUser == user.id}
             />
           ))}

frontend/src/features/register/useRegister.ts

@@ -38,10 +38,6 @@ 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) => {
@@ -98,7 +94,6 @@ export const useRegister = () => {
     setShowAll,
     setSelectedUser,
     selectedUser,
-    toggleSelectedUser,
     addToOrder,
     order,
     total,