Merge pull request #92 from pvdthings/add-item-names-checkout

display thing name on items during checkout
pvdthings · Nov 16, 2024 · 6ee8652 · 6ee8652
2 parents b3e54b5 + 81592dc
commit 6ee8652
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
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
@@ -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
@@ -6,13 +6,15 @@ class ItemCard extends StatelessWidget {
   const ItemCard({
     super.key,
     required this.number,
+    this.name,
     this.imageUrl,
     this.notes,
     this.trailing,
     this.onTap,
   });
 
   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,
+                ),
+              ),
           ],
         ),
       ),