text: import React from 'react';
  import ListItem from '@material-ui/core/ListItem';
  import ListItemIcon from '@material-ui/core/ListItemIcon';
  import ListItemText from '@material-ui/core/ListItemText';
  import HomeWorkIcon from '@material-ui/icons/HomeWork';
  import AccountCircleIcon from '@material-ui/icons/AccountCircle';
  import PeopleIcon from '@material-ui/icons/People';
  import { navigate } from '@reach/router';
  
  function ListView() {
    return (
      <div>
        <ListItem button onClick={() => navigate('/dashboard/profile')}>
          <ListItemIcon>
            <AccountCircleIcon />
          </ListItemIcon>
          <ListItemText primary="Profile" />
        </ListItem>
  
        <ListItem button onClick={() => navigate('/dashboard/properties')}>
          <ListItemIcon>
            <HomeWorkIcon />
          </ListItemIcon>
          <ListItemText primary="Properties" />
        </ListItem>
  
        <ListItem button onClick={() => navigate('/dashboard/tenants')}>
          <ListItemIcon>
            <PeopleIcon />
          </ListItemIcon>
          <ListItemText primary="Tenants" />
        </ListItem>
      </div>
    );
  }
  
  export default ListView;
  