diff --git a/src/containers/ProfileSettingsPage/ProfileSettingsPage.css b/src/containers/ProfileSettingsPage/ProfileSettingsPage.css index a0e04717..8f463453 100644 --- a/src/containers/ProfileSettingsPage/ProfileSettingsPage.css +++ b/src/containers/ProfileSettingsPage/ProfileSettingsPage.css @@ -12,3 +12,32 @@ margin: 56px auto; } } + +.headingContainer { + display: flex; + flex-direction: row; +} + +.heading { + margin-right: 24px; +} + +.profileLink { + @apply --marketplaceButtonStylesSecondary; + @apply --marketplaceH5FontStyles; + + display: inline-block; + width: auto; + min-height: auto; + height: 41px; + + float: right; + flex-shrink: 0; + + margin: 19px 0 0 auto; + padding: 9px 16px 8px 16px; + + @media (--viewportMedium) { + margin: 37px 0 0 auto; + } +} diff --git a/src/containers/ProfileSettingsPage/ProfileSettingsPage.js b/src/containers/ProfileSettingsPage/ProfileSettingsPage.js index c81bca0d..735475b5 100644 --- a/src/containers/ProfileSettingsPage/ProfileSettingsPage.js +++ b/src/containers/ProfileSettingsPage/ProfileSettingsPage.js @@ -14,6 +14,7 @@ import { LayoutWrapperMain, LayoutWrapperFooter, Footer, + NamedLink, } from '../../components'; import { ProfileSettingsForm, TopbarContainer } from '../../containers'; @@ -104,9 +105,20 @@ export class ProfileSettingsPageComponent extends Component {
-

- -

+
+

+ +

+ {user.id ? ( + + + + ) : null} +
{profileSettingsForm}
diff --git a/src/containers/ProfileSettingsPage/__snapshots__/ProfileSettingsPage.test.js.snap b/src/containers/ProfileSettingsPage/__snapshots__/ProfileSettingsPage.test.js.snap index b5285e8c..50168688 100644 --- a/src/containers/ProfileSettingsPage/__snapshots__/ProfileSettingsPage.test.js.snap +++ b/src/containers/ProfileSettingsPage/__snapshots__/ProfileSettingsPage.test.js.snap @@ -28,12 +28,14 @@ exports[`ContactDetailsPage matches snapshot 1`] = ` rootClassName={null} >
-

- -

+
+

+ +

+