Purpose: When reviewing orders it is very difficult to see which are canceled and which are not. The ui should include some indicator in the PO view that clearly identifies each PO as canceled. 

User story statement(s):

As an ordering librarian
I want to have the ability to easily mark a PO as canceled and see that is has been canceled
so that i can easily keep track of what orders are active and what orders are not

Scenarios:

1. Permission:

   • Given user has permission "Orders: Cancel orders"

   • When user is viewing an order and order status is "Open"

   • Then cancel action appears in actions menu

2. Confirmation: 

   • Given user is viewing order

   • When clicking cancel

   • Then close reason modal is displayed

   • AND "Cancelled" reason is preselected

3. Update statuses: 

   • Given user has clicked canceled PO

   • When confirming Close order with reason for closure of "Cancelled"

   • Then BE will update status of POL(s)

4. Display icon to highlight canceled POs: 

   • Given user is viewing order

   • When order is Closed with reason for closure of "Cancelled"

   • Then canceled icon appears in search result table for that PO

5. HIde cancel PO action when PO is resolved: 

   • Given user is viewing PO

   • When order is canceled

   • Then user does not have a cancel order option

For more detail see - https://folio-org.atlassian.net/wiki/x/JQhU

Note icon example attached but need to modify to FOLIO design language