(!) the functionality is the same for adding statement as for editing statements, but has been broken into two tickets T403979/T404866

as a wikidata editor
I want to be visual informed that the publish process is happening
so that I am not confused

Figma file here

A/C

• when the user initially clicks, the state of the button changes from default to active, to indicate that it is "pressed"
  • clicking the button while in active state should have no effect
• if after 300 milliseconds the user is still waiting for feedback, the progress bar should appear
• Apply the progress bar progress bar component, as an inline progress bar added to the top margin of the footer
• A message also fades in to explain to the user what is happening - use the message component as a notice and with fade in.
• for the time being, the message displayed can be "publishing in progress..." but this is most likely not the final copy
  • support for message published in T403595, but implementation is only for after the modal is dismissed. So some adjustment to this will be needed
  • The width of the message should match the screen underneath. For the edit statement modal, this is currently set to full screen

Note:

• the functionality is the same for adding statement as for editing statements
• loading spinner has been used interchangeably with progress bar during this project. They both refer to the blue progress bar

Open Question- what is the minimum amount of time the progress bar should be displayed - Answer: the progress bar is displayed until there is an answer - positive or negative - from the server and the respective message is shown, or until the user quits and leaves the window!