471 add proposals to navbar (#484)

* Add user icons * Add account icon button & add my proposals nav link
lexicongovernance · May 16, 2024 · bc0431b · bc0431b
1 parent 09d19df
commit bc0431b
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/packages/berlin/public/icons/user-dark.svg b/packages/berlin/public/icons/user-dark.svg
diff --git a/packages/berlin/public/icons/user-light.svg b/packages/berlin/public/icons/user-light.svg
diff --git 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() {
                       </NavButton>
                     </>
                   )}
-                  <NavButton to="/account" $color="secondary">
-                    Account
+                  <NavButton to={`/events/${events?.[0].id}/register`} $color="secondary">
+                    My proposals
                   </NavButton>
                   <Button onClick={() => mutateLogout()}>Log out</Button>
+                  <IconButton
+                    onClick={() => navigate('/account')}
+                    icon={{ src: `/icons/user-${theme}.svg`, alt: 'User' }}
+                    $color="primary"
+                  />
                 </>
               ) : (
                 <ZupassLoginButton>Login with Zupass</ZupassLoginButton>
@@ -162,6 +168,9 @@ function Header() {
                       </NavButton>
                     </>
                   )}
+                  <NavButton to={`/events/${events?.[0].id}/register`} $color="secondary">
+                    My proposals
+                  </NavButton>
                   <NavButton to="/account" $color="secondary">
                     Account
                   </NavButton>