From 81592dca7ecf0f8b706ebdd2a36b31a047e57843 Mon Sep 17 00:00:00 2001
From: Dillon Fagan <dillonfagan@pm.me>
Date: Fri, 15 Nov 2024 23:44:20 -0500
Subject: [PATCH] display thing name on items during checkout

---
 .../loans/checkout/stepper/items/items_step.dart  |  2 ++
 apps/librarian/lib/widgets/item_card.dart         | 15 +++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/apps/librarian/lib/modules/loans/checkout/stepper/items/items_step.dart b/apps/librarian/lib/modules/loans/checkout/stepper/items/items_step.dart
index 34c510b..8cd06ae 100644
--- a/apps/librarian/lib/modules/loans/checkout/stepper/items/items_step.dart
+++ b/apps/librarian/lib/modules/loans/checkout/stepper/items/items_step.dart
@@ -65,9 +65,11 @@ Step buildItemsStep({
         GridView.count(
           crossAxisCount: 8,
           shrinkWrap: true,
+          childAspectRatio: 1.0 / 1.2,
           children: items.map((item) {
             return ItemCard(
               number: item.number,
+              name: item.name,
               imageUrl: item.imageUrls.firstOrNull,
               trailing: IconButton(
                 icon: const Icon(Icons.remove_circle),
diff --git a/apps/librarian/lib/widgets/item_card.dart b/apps/librarian/lib/widgets/item_card.dart
index 659bc91..2e5a1cd 100644
--- a/apps/librarian/lib/widgets/item_card.dart
+++ b/apps/librarian/lib/widgets/item_card.dart
@@ -6,6 +6,7 @@ class ItemCard extends StatelessWidget {
   const ItemCard({
     super.key,
     required this.number,
+    this.name,
     this.imageUrl,
     this.notes,
     this.trailing,
@@ -13,6 +14,7 @@ class ItemCard extends StatelessWidget {
   });
 
   final int number;
+  final String? name;
   final String? imageUrl;
   final String? notes;
   final Widget? trailing;
@@ -65,6 +67,19 @@ class ItemCard extends StatelessWidget {
                 ],
               ),
             ),
+            if (name != null)
+              Padding(
+                padding: const EdgeInsets.only(
+                  left: 8.0,
+                  right: 8.0,
+                  bottom: 8.0,
+                ),
+                child: Text(
+                  name!,
+                  overflow: TextOverflow.ellipsis,
+                  style: Theme.of(context).textTheme.labelSmall,
+                ),
+              ),
           ],
         ),
       ),