Create a Conflict Detection banner

Background: The FOLIO platform is implementing optimistic locking. Each app will make the decision to implement this functionality. First app that will implement optimistic locking is Inventory. I also believe this will need to be implemented for quickMARC too. When the conflict occurs, a banner message displays.

Banner mockup

https://drive.google.com/file/d/10d8iELI694Mgsi5RtRfs1ppCgrPp9WLB/view?usp=sharing

Banner message

• Display upon clicking Save & Close
  • Focus should shift to banner when clicking Save & Close
  • Clicking Save&close button again should not generate another message just shift focus back to banner.
• Display Error Banner - See Storybook - https://ux.folio.org/storybook/?path=/story/messagebanner--basic-usage
• Display this message: This record cannot be saved because it is not the most recent version. Will not display last person to update information. Ignore that sentence on the mockup.
• After the message display this link View latest version followed by an external URL icon

View latest version and external URL icon action

• Clicking View latest version link opens the updated record in view mode in a new tab/window

Apps to implement

• Inventory and quickMARC

Scenarios

Given user hits Save & close
When this record was updated by another user/system/process while s/he was editing the record
Then display the Conflict detection banner and focus should shift to the banner

If the user views the Conflict detection banner
Then s/he should see the first + last name OR the system/process that updated the record while s/he was editing the record

Given the user views the Conflict detection banner
When s/he clicks on the Cancel button OR "X"
Then return to the previous page

Given the user views the Conflict detection banner
When s/he clicks on the View latest version link
Then display the updated record in view mode in a new tab or new window