**Context**

An extension of the work done in <mention class="mention" data-id="66122" data-type="work_package" data-text="##66122">##66122</mention>.

**Acceptance criteria**

* Replace contents of the project status with Primer components:

* StatusButton, with a dropdown (similar to meetings)

* Description (long text)

* Clicking on the Begin of the insertionthree dots,End of the insertion Begin of the deletion descriptionEnd of the deletion will open Begin of the insertiona menu with an option to edit the status description:

* Label: tbd

* When clicking that, the status description will switch toEnd of the insertion CKEditor edit mode, similar to meeting notes, with two actions: Begin of the insertion

End of the insertion Begin of the deletion

End of the deletion * Save (primary) Begin of the insertion

End of the insertion Begin of the deletion

End of the deletion * Cancel (secondary) Begin of the insertion


End of the insertion Begin of the deletion


End of the deletion **Screens**

Display (non-edit) mode; the user does not have permission to change status:

<img class="image_resized op-uc-image op-uc-image_inline" style="width:457px;" src="/api/v3/attachments/779558/content">

Begin of the insertionDisplay (edit) mode:

tbd

End of the insertion **Technical notes**

* <br>


**Permissions and visibility considerations**

* The StatusButton button can be read-only to some users (no dropdown)

* The description text can also be read-only to some Begin of the insertionusers (no three dots menu).&nbsp;End of the insertion Begin of the deletion users. Clicking won&#39;t open edit mode.End of the deletion


**Translation considerations**

* _\-_


**Out of scope**

* \-