import React from 'react';
import { MainLogo } from 'react-components';
import { APPS } from 'proton-shared/lib/constants';

const PrivateHeader = () => {
    return (
        <header className="header flex flex-nowrap reset4print">
            <MainLogo currentApp={APPS.PROTONVPN_SETTINGS} url="/account" />
            <div className="searchbox-container"></div>
            <div className="topnav-container flex-item-centered-vert flex-item-fluid"></div>
        </header>
    );
};

export default PrivateHeader;

@@ -37,16 +37,47 @@
 MainLogo
+, SupportDropdown, UserDropdown
  %7D from 
@@ -476,16 +476,398 @@
 -fluid%22%3E
+%0A                %3Cul className=%22topnav-list unstyled mt0 mb0 ml1 flex flex-nowrap%22%3E%0A                    %3Cli className=%22mr1%22%3E%0A                        %3CSupportDropdown /%3E%0A                    %3C/li%3E%0A                    %3Cli className=%22mlauto mtauto mbauto relative flex-item-noshrink%22%3E%0A                        %3CUserDropdown /%3E%0A                    %3C/li%3E%0A                %3C/ul%3E%0A            
 %3C/div%3E%0A 

Update header