Commit e1a10987 authored by Ilham Maulana's avatar Ilham Maulana 💻

fix: layout loan item

parent ce45237a
...@@ -16,8 +16,6 @@ class LoanItem extends StatelessWidget { ...@@ -16,8 +16,6 @@ class LoanItem extends StatelessWidget {
final remainingDays = _loan.remainingDays; final remainingDays = _loan.remainingDays;
final bookTitle = _loan.book.title; final bookTitle = _loan.book.title;
const message = "Are you sure want to Return this book?";
return Container( return Container(
margin: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0), margin: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0),
child: Card( child: Card(
...@@ -35,7 +33,7 @@ class LoanItem extends StatelessWidget { ...@@ -35,7 +33,7 @@ class LoanItem extends StatelessWidget {
), ),
), ),
Padding( Padding(
padding: const EdgeInsets.only(top: 8.0), padding: const EdgeInsets.symmetric(vertical: 8.0),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
...@@ -66,14 +64,14 @@ class LoanItem extends StatelessWidget { ...@@ -66,14 +64,14 @@ class LoanItem extends StatelessWidget {
child: Text( child: Text(
loanDate, loanDate,
textAlign: TextAlign.right, textAlign: TextAlign.right,
style: const TextStyle(fontWeight: FontWeight.bold), style: Theme.of(context).textTheme.labelMedium,
), ),
) )
], ],
), ),
), ),
Padding( Padding(
padding: const EdgeInsets.only(top: 8.0), padding: const EdgeInsets.only(top: 4.0),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
...@@ -84,73 +82,16 @@ class LoanItem extends StatelessWidget { ...@@ -84,73 +82,16 @@ class LoanItem extends StatelessWidget {
child: Text( child: Text(
dueDate, dueDate,
textAlign: TextAlign.right, textAlign: TextAlign.right,
style: const TextStyle(fontWeight: FontWeight.bold), style: Theme.of(context).textTheme.labelMedium,
), ),
) )
], ],
), ),
), ),
Container(
width: double.infinity,
padding: const EdgeInsets.only(top: 20.0),
child: FilledButton(
child: const Text("Return"),
onPressed: () {
showModalBottomSheet<void>(
context: context,
builder: (BuildContext context) {
return SizedBox(
height: 200,
child: Center(
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Padding(
padding:
const EdgeInsets.symmetric(vertical: 10.0),
child: Text(
bookTitle,
style: const TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.w600),
),
),
const Padding(
padding: EdgeInsets.symmetric(vertical: 10.0),
child: Text(message),
),
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
OutlinedButton(
child: const Text('Cancel'),
onPressed: () => Navigator.pop(context),
),
const SizedBox(
width: 20.0,
),
FilledButton(
child: const Text('Continue'),
onPressed: () => Navigator.pop(context),
),
],
),
], ],
), ),
), ),
);
},
);
},
),
),
],
), ),
)),
); );
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment