Show favorite name and description on frontend

This commit is contained in:
Reimar 2024-08-26 21:56:15 +02:00
parent b8fc7b34fe
commit cb67575bfe
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268

View File

@ -42,7 +42,8 @@ class _FavoritesPage extends State<FavoritesPage> {
child: Column(children: child: Column(children:
_favorites.map((favorite) => Container( _favorites.map((favorite) => Container(
width: double.infinity, width: double.infinity,
padding: const EdgeInsets.all(20.0), padding: const EdgeInsets.all(20),
margin: const EdgeInsets.only(bottom: 10),
decoration: const BoxDecoration( decoration: const BoxDecoration(
boxShadow: [ boxShadow: [
BoxShadow( BoxShadow(
@ -53,7 +54,24 @@ class _FavoritesPage extends State<FavoritesPage> {
], ],
color: Colors.white color: Colors.white
), ),
child: const Text('Favorittekst'), child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Padding(padding: EdgeInsets.only(top: 3), child: Icon(Icons.star, color: Colors.yellow, size: 36)),
const SizedBox(width: 20),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(favorite.name, style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 24)),
Text(favorite.description),
],
),
),
const SizedBox(width: 20),
const Padding(padding: EdgeInsets.only(top: 5), child: Icon(Icons.delete, color: Colors.grey)),
],
),
)).toList(), )).toList(),
), ),
), ),