Prettify invoice details

[Restioson]

Fixes #872 by prettifying the invoice details modeled in #1111 and #1213

To do:

• Show failed payments better
• Show expired invoices better
• Show pending invoices better
• Add mempool link

[Restioson]

Here follow some screenshots :)

Lightning payment (funding)

Lightning payment (outgoing)

Pending lightning transaction

Failed lightning transaction

Channel opening fee

Opening position

Matching fee

Closed position

Bitcoin transaction (incoming)

[bonomat]

Looks nice, but.. .would it be possible to use this dialog which comes up from the bottom as shown in the design here?

[Restioson]

Looks nice, but.. .would it be possible to use this dialog which comes up from the bottom as shown in the design #872 (comment)?

Definitely should be possible, I can just swap out the container :)

[Restioson]

@bonomat: I've updated the screenshots

[Restioson]

This took me quite a while and I am still not quite happy with it, but it's good enough 😅

Intrinsic sizes and dialogues in flutter are weird

[holzeis]

Looks pretty nice already! 👍

Nit: I don't think we need to copy all rows. e.g. when, expiry, etc. 😅

Also the fonts seem pretty small can you make it bigger? And maybe have the content aligned to the right size with a bit space in between label and content? 😬

[bonomat]

@bonomat: I've updated the screenshots

I think it looks better but I don't love it yet. I'm happy to play around with it if you don't have patience anymore.

[bonomat]

@bonomat: I've updated the screenshots

I think it looks better but I don't love it yet. I'm happy to play around with it if you don't have patience anymore.

[Restioson]

@bonomat: sure, that's okay! If you have a clear vision for how it should look then go ahead :)

[Restioson]

Note to self:

I think there is a lot of white in between and the text looks a bit small... but this is really just nitpicking [..]

Will try fix these for merge

[Restioson]

New look:

[bonomat]

Looks nice, thanks for going over it once more.