diff --git a/src/common/AsideMenu.js b/src/common/AsideMenu.js index 08808d2a..5a84719d 100644 --- a/src/common/AsideMenu.js +++ b/src/common/AsideMenu.js @@ -1,5 +1,9 @@ import React from 'react'; import { NavLink } from 'react-router-dom'; +import listIcon from '@fortawesome/fontawesome-free-solid/faBars'; +import createIcon from '@fortawesome/fontawesome-free-solid/faPlus'; +import deleteIcon from '@fortawesome/fontawesome-free-solid/faMinusCircle'; +import FontAwesomeIcon from '@fortawesome/react-fontawesome'; import './AsideMenu.scss'; export default function AsideMenu({ selectedServer }) { @@ -19,17 +23,22 @@ export default function AsideMenu({ selectedServer }) { to={`/server/${serverId}/list-short-urls/1`} isActive={isListShortUrlsActive} > - List short URLs + + List short URLs - Create short code + + Create short code - Delete this server + + + Delete this server + ); diff --git a/src/common/AsideMenu.scss b/src/common/AsideMenu.scss index 1cfa1f54..6ce257ae 100644 --- a/src/common/AsideMenu.scss +++ b/src/common/AsideMenu.scss @@ -49,3 +49,7 @@ color: #fff; background-color: $dangerColor; } + +.aside-menu__item-text { + margin-left: 8px; +}