Add in loading animation to UI
andrewtavis opened this issue · comments
@rti and I just discussed that the final thing needed for the UI is a loading animation for while the model is running. As of now the field where the response is displayed it just blank with no indication that there's work being done.
Suggestion for this:
We display the Wikimedia icon as is done in the response and have a placeholder text rectangle next to it. These two can then be blinked slowly as the model runs. The condition for this would be when an API request has been made, but without a response being present yet.
CC @exowanderer :)
Note also that the text to prompt the user to check the sources should be updated to have source(s) and Quelle(n) so that it's fine for one or multiple sources being presented. I can do this change with the work for this issue. Would be good to also remove the top margin from above the sources so they're vertically inline with the top of the Wikimedia icon. Having them a bit down made more sense with just the reply being there such that it's centered. The space-y between question and answer should also be increased slightly to compensate the loss of whitespace.
Closing as it was finalized in #18 🥳