grishka/lemmy
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Some navbar fixes.

Browse source
This commit is contained in:
Dessalines 2020-07-04 11:35:38 -04:00
parent fa0b0b68ca
commit de63ff6d2a
1 changed files with 47 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
ui/src/components/navbar.tsx vendored
View file

@ -12,7 +12,6 @@ import {
GetPrivateMessagesForm,
PrivateMessagesResponse,
SortType,
SearchType,
GetSiteResponse,
Comment,
CommentResponse,
@ -20,7 +19,6 @@ import {
UserView,
PrivateMessageResponse,
WebSocketJsonResponse,
SearchForm,
} from '../interfaces';
import {
wsJsonToRes,
@ -183,7 +181,7 @@ export class Navbar extends Component<any, NavbarState> {
<div
className={`${!this.state.expanded && 'collapse'} navbar-collapse`}
>
<ul class="navbar-nav mr-auto">
<ul class="navbar-nav my-2 mr-auto">
<li class="nav-item">
<Link
class="nav-link"
@ -229,7 +227,6 @@ export class Navbar extends Component<any, NavbarState> {
{!this.context.router.history.location.pathname.match(
/^\/search/
) && (
<div class="nav-item my-2">
<form
class="form-inline"
onSubmit={linkEvent(this, this.handleSearchSubmit)}
@ -256,7 +253,6 @@ export class Navbar extends Component<any, NavbarState> {
</svg>
</button>
</form>
</div>
)}
<ul class="navbar-nav my-2">
{this.canAdmin && (
@ -272,8 +268,10 @@ export class Navbar extends Component<any, NavbarState> {
</Link>
</li>
)}
</ul>
{this.state.isLoggedIn ? (
<>
<ul class="navbar-nav my-2">
<li className="nav-item">
<Link class="nav-link" to="/inbox" title={i18n.t('inbox')}>
<svg class="icon">
@ -286,6 +284,8 @@ export class Navbar extends Component<any, NavbarState> {
)}
</Link>
</li>
</ul>
<ul class="navbar-nav">
<li className="nav-item">
<Link
class="nav-link"
@ -307,8 +307,11 @@ export class Navbar extends Component<any, NavbarState> {
</span>
</Link>
</li>
</ul>
</>
) : (
<ul class="navbar-nav my-2">
<li className="nav-item">
<Link
class="nav-link"
to="/login"
@ -316,8 +319,9 @@ export class Navbar extends Component<any, NavbarState> {
>
{i18n.t('login_sign_up')}
</Link>
)}
</li>
</ul>
)}
</div>
</nav>
);