Shikiryu/diaREact
1
0
Fork 0
Code Issues 19 Pull Requests Projects Releases Wiki Activity

🚧 Commence la personnalisation de l'affichage des pages

Browse Source 
Pour #12
This commit is contained in:
Clement Desmidt
2022-04-19 16:55:18 +02:00
parent 2c56eb91af
commit 1dca0951e8
18 changed files with 695 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/user/BasicMenu.tsx
View File

@@ -13,6 +13,12 @@ export default function BasicMenu({nickname}) {
setAnchorEl(null);
};
function gotoSettings() {
const currentHref = location.href.split('/');
currentHref.pop();
location.href = currentHref.join('/') + '/settings';
}
function logout() {
const logoutForm: HTMLFormElement = document.getElementById("logout-form") as HTMLFormElement;
logoutForm.submit();
@@ -39,7 +45,7 @@ export default function BasicMenu({nickname}) {
'aria-labelledby': 'basic-button',
}}
>
{/*<MenuItem onClick={handleClose}>My account</MenuItem>*/}
<MenuItem onClick={gotoSettings}>Settings</MenuItem>
<MenuItem onClick={logout}>Logout</MenuItem>
</Menu>
</div>

16
resources/js/components/user/MobileMenu.tsx
View File

@@ -28,6 +28,12 @@ export default function MobileMenu({nickname}) {
setState( open );
};
function gotoSettings() {
const currentHref = location.href.split('/');
currentHref.pop();
location.href = currentHref.join('/') + '/settings';
}
function logout() {
const logoutForm: HTMLFormElement = document.getElementById("logout-form") as HTMLFormElement;
logoutForm.submit();
@@ -53,7 +59,7 @@ export default function MobileMenu({nickname}) {
onKeyDown={toggleDrawer(false)}
>
<List>
<ListItem button key={"user"}>
<ListItem key={"user"}>
<ListItemIcon>
<MailIcon />
</ListItemIcon>
@@ -62,7 +68,13 @@ export default function MobileMenu({nickname}) {
</List>
<Divider />
<List>
<ListItem button key={"user.logout"} onClick={logout}>
<ListItem key={"user.settings"} onClick={gotoSettings}>
<ListItemIcon>
<MailIcon />
</ListItemIcon>
<ListItemText primary={"Settings"} />
</ListItem>
<ListItem key={"user.logout"} onClick={logout}>
<ListItemIcon>
<InboxIcon />
</ListItemIcon>