StarMC/Astral-nook
StarMC/Astral-nook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Use nicer avatars when showing activity log

Browse source
This commit is contained in:
DaneEveritt 2022-06-19 13:46:15 -04:00
parent 76472411e3
commit 3834aca3fe
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
5 changed files with 46 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

15
resources/scripts/components/NavigationBar.tsx
View file

@ -2,7 +2,7 @@ import * as React from 'react';
import { useState } from 'react';
import { Link, NavLink } from 'react-router-dom';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCogs, faLayerGroup, faSignOutAlt, faUserCircle } from '@fortawesome/free-solid-svg-icons';
import { faCogs, faLayerGroup, faSignOutAlt } from '@fortawesome/free-solid-svg-icons';
import { useStoreState } from 'easy-peasy';
import { ApplicationStore } from '@/state';
import SearchContainer from '@/components/dashboard/search/SearchContainer';
@ -11,6 +11,7 @@ import styled from 'styled-components/macro';
import http from '@/api/http';
import SpinnerOverlay from '@/components/elements/SpinnerOverlay';
import Tooltip from '@/components/elements/tooltip/Tooltip';
import Avatar from '@/components/Avatar';
const RightNavigation = styled.div`
& > a, & > button, & > .navigation-link {
@ -58,11 +59,6 @@ export default () => {
<FontAwesomeIcon icon={faLayerGroup}/>
</NavLink>
</Tooltip>
<Tooltip placement={'bottom'} content={'Account Settings'}>
<NavLink to={'/account'}>
<FontAwesomeIcon icon={faUserCircle}/>
</NavLink>
</Tooltip>
{rootAdmin &&
<Tooltip placement={'bottom'} content={'Admin'}>
<a href={'/admin'} rel={'noreferrer'}>
@ -70,6 +66,13 @@ export default () => {
</a>
</Tooltip>
}
<Tooltip placement={'bottom'} content={'Account Settings'}>
<NavLink to={'/account'}>
<span className={'flex items-center w-5 h-5'}>
<Avatar.User />
</span>
</NavLink>
</Tooltip>
<Tooltip placement={'bottom'} content={'Sign Out'}>
<button onClick={onTriggerLogout}>
<FontAwesomeIcon icon={faSignOutAlt}/>