Make Roguelike work in react

[OotTheMonk]

use the React DOM useNavigate hook to navigate('/roguelike/whatever')

[LaustinSpayce]

We have the adventures/combats working in react ui. Hurrah.
This ticket is now to get the encounters working. What do we need? Can I have some description of what I have to account for for each encounter, and the API to call to get it?

also, what do you need displayed?

[Etasus]

I can't speak on the API stuff, but here's what needs to be displayed:
In all windows of the encounters, your hero card, gold amount, life total, and deck total need to be visible. The deck should be able to be clicked to show the whole deck's contents in a window. We also need the log somewhere to tell the player what is being added and what has been done in encounters. The player shouldn't be able to chat in it.
In encounter-specific windows, the following things need to be accounted for:
A header that gives narrative information (You come across a twisted library, etc.)
An image that gives flavor to the encounter (we've just been using cropped card images for that)
A subheader that tells you what you need to do (Buy a card, choose a card, choose a direction, etc.)
And then in the choices:
We need to display any number of cards to choose from (some encounters will give the whole deck to choose from)
We need to display choices beneath the card rewards (Rerolls in card rewards, healing and card removal in shops, etc.)
We need to display the leave option beneath the choices (for things like the shop)
additionally, in event encounters that don't give cards, we need to display the choices available (Take a bite of the food, Take some leftovers for later, etc.)
Finally, we need to display the "start encounter" window that leads into combats.

Some nice things that'd be awesome: animations of cards entering the deck and being removed, gold being added or lost, and rerolls being used.