# Feature OP-10893 - Delete/Unlink modal
Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-10893
## Planning
| Attribute | Value |
| --- | --- |
| Date | |
| Priority | Medium |
| Target versions | 12.3.0 |
| Sprint | 12.3.0 |
| Backlog bucket | |
| Votes | |
| List | |
| Roadmap | |
| Relevance | |
## OPEN POINTS / FEEDBACK
_No work packages_
## Features and Chunks
| ID | Subject | Type | Status | Assignee | Target versions | Spent time |
| --- | --- | --- | --- | --- | --- | --- |
| OP-10907 | Add Modal Dialog to design system | Implementation | closed | | 12.3.0 | |
| OP-10908 | Replace file list modals (file links and attachments) | Implementation | closed | Robin Wagner | 12.3.0 | |
| OP-10909 | Replace coherent modals (split up if necessary) | Implementation | closed | | 12.3.0 | |
| OP-11002 | Update style of dpa modal in subscription plugins | Implementation | closed | | 12.3.0 | |
## Bugs and other work packages
| ID | Type | Subject | Status | Assignee | Target versions | Spent time | Module |
| --- | --- | --- | --- | --- | --- | --- | --- |
| OP-11016 | Code maintenance | Re-design and small changes to modal dialogues (DS) for coherence | closed | | 12.3.0 | | |
| OP-10926 | Code maintenance | Replace modal dialogues with the DS component | closed | | 12.3.0 | | |
## Technical Details
| Attribute | Value |
| --- | --- |
| Module | |
| Feature Flag | |
| Requires doc change | Yes |
| Enterprise plan | |
## Details
| Attribute | Value |
| --- | --- |
| Pull preview | |
| Mockups | |
| Found in mobile app version | |
| Follow-up feedback e-mail | |
| Accessibility | No |
## People
| Attribute | Value |
| --- | --- |
| Assignee | |
| Accountable | |
| Product manager | |
| Developers | |
| Designer | Marc Alcobé |
| Ordered by | |
| Signed off by | |
| Interest by | |
## Estimates and progress
| Attribute | Value |
| --- | --- |
| PD (min) | |
| PD (max) | |
| Work | |
| Labor costs | |
## Description
## **Acceptance criteria**
- The current browser modal is substituted with this implementation.
- The modal is composed with the following elements, presented here in order from top to down:
- Header: with a title in this case "Remove file link" / "Delete attachment".
- Divider: full width.
- Content of the modal: in this case a simple text:
- For removing links: "Are you sure you want to unlink this file from this work package? Unliking does not affect the original file and only removes the connection to this work package."
- For deleting attachments: "Are you sure you want to delete this file? This action is not reversible."
- It might change depending of the modal (eg. cards on boards, text fields in backup codes...).
- Action bar with always two actions:
- "Cancel" button to cancel the process.
- Action button in this case "Remove link" / "Delete attachment" (it might change the style of the button if the action is destructive or not).
- This modal will be added to the design system using the work packages \#43684.
## Visual
## 
## Figma