Created short URLs component

src/common/AsideMenu.js

@@ -32,7 +32,7 @@ export default function AsideMenu({ selectedServer, history }) {
           to={`/server/${serverId}/create-short-url`}
         >
           <FontAwesomeIcon icon={createIcon} />
-          <span className="aside-menu__item-text">Create short code</span>
+          <span className="aside-menu__item-text">Create short URL</span>
         </NavLink>
 
         <DeleteServerButton

src/common/MenuLayout.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Route, Switch } from 'react-router-dom';
 import { connect } from 'react-redux';
+import CreateShortUrl from '../short-urls/CreateShortUrl';
 import ShortUrls from '../short-urls/ShortUrls';
 import AsideMenu from './AsideMenu';
 
@@ -15,6 +16,11 @@ export function MenuLayout(props) {
             path="/server/:serverId/list-short-urls/:page"
             component={ShortUrls}
           />
+          <Route
+            exact
+            path="/server/:serverId/create-short-url"
+            component={CreateShortUrl}
+          />
         </Switch>
       </div>
     </div>

src/index.scss

@@ -11,3 +11,7 @@
 .dropdown-item.active {
   background-color: $mainColor !important;
 }
+
+.short-urls-container {
+  padding: 30px 30px 30px 20px;
+}

src/short-urls/CreateShortUrl.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function CreateShortUrl() {
+  return <div className="short-urls-container">Create short URL</div>
+}

src/short-urls/ShortUrls.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { connect } from 'react-redux';
 import Paginator from './Paginator';
 import SearchBar from './SearchBar';
-import './ShortUrls.scss';
 import ShortUrlsList from './ShortUrlsList';
 
 export function ShortUrls(props) {

src/short-urls/ShortUrls.scss

@@ -1,3 +0,0 @@
-.short-urls-container {
-  padding: 30px 30px 30px 20px;
-}