# Feature DREAM-55 - Use Primer's PageHeader component on the Gantt module

Project: Stream Design System
Status: rejected
URL: https://community.openproject.org/work_packages/DREAM-55

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | Product Backlog |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Modules and project features / Gantt view, Frontend components and Primer design system / Page header |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

# Acceptance

*   This ticket only covers the rework of the current functionality of the Gantt list view, with the &nbsp;`Primer::OpenProject::PageHeader` and `Primer::OpenProject::SubHeader` components, no new functionality for sharing or pinning is added here
    
*   The PageHeader consists of:
    
    *   The editable title
        
    *   Full screen button
        
    *   Settings button
        
*   The SubHeader consists of:
    
    *   Filter button
        
    *   Create button
        
*   the content of the &quot;Include projects&quot; and &quot;Baseline&quot; dropdowns remains unchanged (and thus in Angular)
    
*   When a saved query is changed,
    
    *   there will be no save icon in front of the query name.
        
    *   Instead, we follow the same pattern as on the project list: On the right, there is an indicator saying &quot;List modified: {{_save\_icon}} Save&quot;._ Clicking on &quot;Save&quot; will save the view
        
*   This has to include the removal of ui-Router
    

# Figma

tbd

# Open Questions

*   Where to put the Gantt actions?
    

# Out of scope

<br>
