forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-01 05:06:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Created tags list page

Browse Source
This commit is contained in:
Alejandro Celaya
2018-08-16 18:59:00 +02:00
parent 03113583f0
commit 49290b56ee
12 changed files with 150 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/common/AsideMenu.js
View File

@@ -1,5 +1,6 @@
import listIcon from '@fortawesome/fontawesome-free-solid/faBars';
import createIcon from '@fortawesome/fontawesome-free-solid/faPlus';
import listIcon from '@fortawesome/fontawesome-free-solid/faList';
import createIcon from '@fortawesome/fontawesome-free-solid/faLink';
import tagsIcon from '@fortawesome/fontawesome-free-solid/faTags';
import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import React from 'react';
import { NavLink } from 'react-router-dom';
@@ -41,9 +42,17 @@ export default function AsideMenu({ selectedServer, className, showOnMobile }) {
activeClassName="aside-menu__item--selected"
to={`/server/${serverId}/create-short-url`}
>
<FontAwesomeIcon icon={createIcon} />
<FontAwesomeIcon icon={createIcon} flip="horizontal" />
<span className="aside-menu__item-text">Create short URL</span>
</NavLink>
<NavLink
className="aside-menu__item"
activeClassName="aside-menu__item--selected"
to={`/server/${serverId}/tags`}
>
<FontAwesomeIcon icon={tagsIcon} />
<span className="aside-menu__item-text">List tags</span>
</NavLink>
<DeleteServerButton
className="aside-menu__item aside-menu__item--danger"

6
src/common/MenuLayout.js
View File

@@ -13,6 +13,7 @@ import burgerIcon from '@fortawesome/fontawesome-free-solid/faBars';
import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import classnames from 'classnames';
import './MenuLayout.scss';
import TagsList from '../tags/TagsList';
export class MenuLayout extends React.Component {
state = { showSideBar: false };
@@ -78,6 +79,11 @@ export class MenuLayout extends React.Component {
path="/server/:serverId/short-code/:shortCode/visits"
component={ShortUrlsVisits}
/>
<Route
exact
path="/server/:serverId/tags"
component={TagsList}
/>
</Switch>
</div>
</div>