Two different view on cards in the same list view

Hello community !

I have a table in my firestore database called "Transactions" where I get all the transactions done by users.

So I want to list all the transactions made per users but there are 2 types of transactions "sell" and "buy".

What I would like is to have a list of cards with few informations on each (like date, amount, transaction type, etc.) but I want a different design depending of the type (a diferent icon and colour on the card depending if it's a "sell" or "buy" transaction").

So I know how to build the list and get all the informations in each cards, but I don't know how to create conditions and getting diferent design based on the 2 types of transactions.

Thanks a lot for your help, I hope it's possible ๐Ÿ™‚

PS: I don't want to create 2 lists with one where you have all the "sell" and one where you have all the "buy", because I would like to order it by date.

2 replies