LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-23 11:21:26 +00:00
Code Issues Projects Releases Wiki Activity

Adding the support / donate page to the navbar. Fixes #86

Browse source
This commit is contained in:
Dessalines 2020-12-01 09:27:27 -06:00
parent f6ad4c33b5
commit b1bff390c7
3 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/shared/components/navbar.tsx
View file

@ -29,6 +29,7 @@ import {
notifyPrivateMessage, notifyPrivateMessage,
isBrowser, isBrowser,
wsSubscribe, wsSubscribe,
supportLemmyUrl,
} from '../utils'; } from '../utils';
import { i18n } from '../i18next'; import { i18n } from '../i18next';
import { PictrsImage } from './pictrs-image'; import { PictrsImage } from './pictrs-image';
@ -239,6 +240,17 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
{i18n.t('create_community')} {i18n.t('create_community')}
</Link> </Link>
</li> </li>
<li class="nav-item">
<a
className="nav-link"
title={i18n.t('support_lemmy')}
href={supportLemmyUrl}
>
<svg class="icon small">
<use xlinkHref="#icon-beer"></use>
</svg>
</a>
</li>
</ul> </ul>
<ul class="navbar-nav my-2"> <ul class="navbar-nav my-2">
{this.canAdmin && ( {this.canAdmin && (

3
src/shared/components/symbols.tsx
View file

@ -20,6 +20,9 @@ export class Symbols extends Component<any, any> {
xmlnsXlink="http://www.w3.org/1999/xlink" xmlnsXlink="http://www.w3.org/1999/xlink"
> >
<defs> <defs>
<symbol id="icon-beer" viewBox="0 0 27 28">
<path d="M10 14v-6h-4v4c0 1.109 0.891 2 2 2h2zM26 21v3h-18v-3l2-3h-2c-3.313 0-6-2.688-6-6v-5l-1-1 0.5-2h7.5l0.5-2h15l0.5 3-1 0.5v12.5z"></path>
</symbol>
<symbol id="icon-x" viewBox="0 0 24 24"> <symbol id="icon-x" viewBox="0 0 24 24">
<path d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> <path d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path>
</symbol> </symbol>

1
src/shared/utils.ts
View file

@ -71,6 +71,7 @@ export const favIconPngUrl = '/static/assets/apple-touch-icon.png';
export const defaultFavIcon = 'test'; export const defaultFavIcon = 'test';
export const repoUrl = 'https://github.com/LemmyNet'; export const repoUrl = 'https://github.com/LemmyNet';
export const joinLemmyUrl = 'https://join.lemmy.ml'; export const joinLemmyUrl = 'https://join.lemmy.ml';
export const supportLemmyUrl = 'https://join.lemmy.ml/sponsors';
export const helpGuideUrl = '/docs/about_guide.html'; export const helpGuideUrl = '/docs/about_guide.html';
export const markdownHelpUrl = `${helpGuideUrl}#markdown-guide`; export const markdownHelpUrl = `${helpGuideUrl}#markdown-guide`;
export const sortingHelpUrl = `${helpGuideUrl}#sorting`; export const sortingHelpUrl = `${helpGuideUrl}#sorting`;