**As** an OpenProject user
**I want to** be able to quickly undo Begin of the insertionmyEnd of the insertion Begin of the deletion anEnd of the deletion action Begin of the insertionifEnd of the insertion Begin of the deletion thatEnd of the deletion I Begin of the insertionaccidentally click on 'Mark all as read' on Notificaiton centerEnd of the insertion Begin of the deletion executed inadvertentlyEnd of the deletion
**so that** I Begin of the insertiondon't lose valuable unread notificationsEnd of the insertion Begin of the deletion can avoid costly mistakesEnd of the deletion

**Context**

We recently introduced the [Danger Dialog](https://qa.openproject-edge.com/lookbook/pages/patterns/danger_dialog) with two variations: a regular and a 'confirmation' variant. However, there must be used with parsimony and only when we really want the user to pay special attention to a Begin of the insertionpotentiallyEnd of the insertion Begin of the deletion potentiationallyEnd of the deletion destructive, non-reversible action. Begin of the deletion

There might be cases where the action has important consequences but for which we wouldn't want to use the danger codes.End of the deletion We Begin of the insertiondecidedEnd of the insertion Begin of the deletion currently don't have a non-danger variant of the dialog. Instead, the ideaEnd of the deletion that Begin of the insertionthe 'Mark all as read' button is not a good candidate for it.

End of the insertion Begin of the deletion was proposed byEnd of the deletion <mention class="mention" data-id="72512" data-type="user" data-text="@Marc Alcobé">@Marc Alcobé</mention> Begin of the insertionsuggestedEnd of the insertion Begin of the deletion was a success banner withEnd of the deletion an undo Begin of the insertionaction inEnd of the insertion Begin of the deletion button. This already exists onEnd of the deletion the Begin of the insertionthe success banner instead, like in theEnd of the insertion native mobile app. This feature is then to bring this Begin of the insertionforgivingEnd of the insertion Begin of the deletion forvigingEnd of the deletion behaviour to the main OpenProject web app.

**Acceptance criteria**

* Begin of the insertionWhen the user clicks on &#39;MarkEnd of the insertion Begin of the deletion For certain actions (eg. markingEnd of the deletion all Begin of the deletion notificationsEnd of the deletion as Begin of the insertionread&#39; in Notification center (this button might since have been renamed since by #61309)End of the insertion Begin of the deletion read or for certain batch actions),End of the deletion

* Begin of the insertionDo not showEnd of the insertion Begin of the deletion Show a new &quot;Succes with undo&quot; banner

* This will be a standard green success Primer banner with:

* End of the deletion the Begin of the insertionnative browser confirmation dialogEnd of the insertion Begin of the deletion usual options (icon, title, message, dismiss button)

* no primary action

* a secondary action named &quot;Undo&quot;

* The undo action will reverseEnd of the deletion

* Begin of the insertionExecuteEnd of the insertion Begin of the deletion IfEnd of the deletion the Begin of the insertionaction and, ifEnd of the insertion Begin of the deletion undo isEnd of the deletion successful, Begin of the insertionshowEnd of the insertion Begin of the deletion &nbsp;showEnd of the deletion another standard success banner with Begin of the insertiontext and action:End of the insertion Begin of the deletion text:End of the deletion

* Begin of the insertionMessage: &quot;AllEnd of the insertion Begin of the deletion _\[open\] Ideally, a personalised message depending on the action. eg &quot;RestoredEnd of the deletion notifications Begin of the insertionin this view have beenEnd of the insertion Begin of the deletion that were previouslyEnd of the deletion marked as Begin of the insertionread.&quot;End of the insertion Begin of the deletion read.&quot;_End of the deletion

* Begin of the insertionAction: &quot;Undo&quot; (invisible button)

* Clicking on &#39;Undo&#39; undo restores the unread notifications, taking the user back to the previous state


End of the insertion Begin of the deletion Generic default message: &quot;Undo successful.&quot;


End of the deletion **Technical notes**

* Begin of the insertionWe introduced a browser confirmation dialog in #61309; this super-cedes that.End of the insertion Begin of the deletion How possible is generally to offer these &#39;undo&#39; actions?End of the deletion

* Begin of the deletion <mention class="mention" data-id="61407" data-type="work_package" data-text="#61407">#61407</mention>

* End of the deletion We have to update LookBook docs Begin of the insertionaccordinglyEnd of the insertion Begin of the deletion accordingly, including specifying whenEnd of the deletion to Begin of the insertionspecifyEnd of the insertion Begin of the deletion use this banner and how to determineEnd of the deletion when Begin of the insertionsuchEnd of the insertion an Begin of the insertionundoEnd of the insertion action should be Begin of the insertionused vs. the Danger dialogEnd of the insertion Begin of the deletion undo-able or notEnd of the deletion


**Permissions and visibility considerations**

* This &#39;Success with undo&#39; will only be shown to users who have the permission to execute the orignal action


**Visuals**

Only for reference. For final design, please always see [Figma file](https://www.figma.com/design/5GbR9iFpfUxIPWXTYx9flB/Untitled?node-id=1-2&t=jS7qgT2H2RAoGXfg-4).

<img class="image_resized op-uc-image op-uc-image_inline" Begin of the insertionstyle="width:883px;" src="/api/v3/attachments/314799/content">

<br>End of the insertion Begin of the deletion style="width:703px;" src="/api/v3/attachments/313773/content">End of the deletion