diff --git a/packages/berlin/public/icons/user-dark.svg b/packages/berlin/public/icons/user-dark.svg new file mode 100644 index 00000000..22ded840 --- /dev/null +++ b/packages/berlin/public/icons/user-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/berlin/public/icons/user-light.svg b/packages/berlin/public/icons/user-light.svg new file mode 100644 index 00000000..d0daf501 --- /dev/null +++ b/packages/berlin/public/icons/user-light.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/berlin/src/components/header/Header.tsx b/packages/berlin/src/components/header/Header.tsx index 1a6e73c4..1123443e 100644 --- a/packages/berlin/src/components/header/Header.tsx +++ b/packages/berlin/src/components/header/Header.tsx @@ -38,6 +38,7 @@ import { LogoTextContainer, ThemeButton, } from './Header.styled'; +import IconButton from '../icon-button'; function Header() { const queryClient = useQueryClient(); @@ -117,10 +118,15 @@ function Header() { )} - - Account + + My proposals + navigate('/account')} + icon={{ src: `/icons/user-${theme}.svg`, alt: 'User' }} + $color="primary" + /> ) : ( Login with Zupass @@ -162,6 +168,9 @@ function Header() { )} + + My proposals + Account