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

Implemented left menu

Browse Source
This commit is contained in:
Alejandro Celaya
2018-07-18 20:01:56 +02:00
parent 5a7ac69aff
commit 3ea33d0e38
5 changed files with 74 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/common/AsideMenu.js
View File

@@ -1,8 +1,31 @@
import React from 'react';
import { NavLink } from 'react-router-dom';
import './AsideMenu.scss';
export default function AsideMenu() {
export default function AsideMenu({ selectedServer }) {
const serverId = selectedServer ? selectedServer.id : '';
return (
<aside className="aside-menu col-md-2 col-sm-2">Aside menu</aside>
<aside className="aside-menu col-md-2 col-sm-2">
<nav className="nav flex-column aside-menu__nav">
<NavLink
className="aside-menu__item"
activeClassName="aside-menu__item--selected"
to={`/server/${serverId}/list-short-urls/1`}
isActive={match => match && match.params.serverId === serverId}
>
List short URLs
</NavLink>
<NavLink
className="aside-menu__item"
activeClassName="aside-menu__item--selected"
to={`/server/${serverId}/create-short-url`}
>
Create short code
</NavLink>
<span className="aside-menu__item--divider" />
<span className="aside-menu__item aside-menu__item--danger">Delete this server</span>
</nav>
</aside>
);
}