**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 three dots, will open a menu with an option to edit the status description:

* Label: tbd

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

* Save (primary)

* Cancel (secondary)


Begin of the insertion<br>

End of the insertion **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">

Display (edit) mode: Begin of the insertion

<figure class="image image_resized op-uc-figure" style="width:281px;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/785764/content"></div></figure>End of the insertion

tbd

**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 users (no three dots menu).&nbsp;


**Translation considerations**

* _\-_


**Out of scope**

* \-