Adds applications icons to navigation

gotify · Oct 13, 2023 · 0564fc5 · 0564fc5
1 parent 97f180b
commit 0564fc5
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/ui/src/layout/Navigation.tsx b/ui/src/layout/Navigation.tsx
@@ -1,14 +1,21 @@
 import Divider from '@material-ui/core/Divider';
 import Drawer from '@material-ui/core/Drawer';
-import ListItem from '@material-ui/core/ListItem';
-import ListItemText from '@material-ui/core/ListItemText';
 import {StyleRules, Theme, WithStyles, withStyles} from '@material-ui/core/styles';
 import React, {Component} from 'react';
 import {Link} from 'react-router-dom';
 import {observer} from 'mobx-react';
 import {inject, Stores} from '../inject';
 import {mayAllowPermission, requestPermission} from '../snack/browserNotification';
-import {Button, Hidden, IconButton, Typography} from '@material-ui/core';
+import {
+    Button,
+    Hidden,
+    IconButton,
+    Typography,
+    ListItem,
+    ListItemText,
+    ListItemAvatar,
+    Avatar
+} from '@material-ui/core';
 import {DrawerProps} from '@material-ui/core/Drawer/Drawer';
 import CloseIcon from '@material-ui/icons/Close';
 
@@ -59,6 +66,9 @@ class Navigation extends Component<
                           to={'/messages/' + app.id}
                           key={app.id}>
                           <ListItem button>
+                              <ListItemAvatar>
+                                <Avatar src={app.image} variant="square"/>
+                              </ListItemAvatar>
                               <ListItemText primary={app.name} />
                           </ListItem>
                       </Link>