Link account menu button to profile page

budgetmanagerpwa/.env

@@ -1,3 +1,4 @@
 VITE_API_URL=api/
 VITE_LOGIN_URL=/accounts/login/?next=
+VITE_PROFILE_URL=/accounts/profile/
 VITE_STORAGE_KEY=budgetmanagersettings

budgetmanagerpwa/src/components/MenuDrawer.tsx

@@ -16,6 +16,7 @@ import StoreIcon from '@mui/icons-material/Store'
 import PaymentsIcon from '@mui/icons-material/Payments'
 import InstallPwaListItem from './InstallPwaListItem'
 import { User } from '../redux/types'
+import { Link } from 'react-router-dom'
 
 export type MenuDrawerProps = SwipeableDrawerProps & { user: User }
 
@@ -58,7 +59,12 @@ export default function MenuDrawer(props: MenuDrawerProps) {
         <Divider component="li" />
         <InstallPwaListItem />
         <ListItem>
-          <ListItemButton>
+          <ListItemButton
+            component={Link}
+            to={import.meta.env.VITE_PROFILE_URL}
+            target="_blank"
+            rel="noopener"
+          >
             <ListItemIcon>
               <AccountCircleIcon />
             </ListItemIcon>

budgetmanagerpwa/src/vite-env.d.ts

@@ -4,6 +4,7 @@
 interface ImportMetaEnv {
   readonly VITE_API_URL: string
   readonly VITE_LOGIN_URL: string
+  readonly VITE_PROFILE_URL: string
   readonly VITE_STORAGE_KEY: string
 }