From b2fa86a917a8f176b22484b30d4b7dd0db08966c Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Fri, 20 Jul 2018 22:32:50 +0200
Subject: [PATCH] Created short URLs component

---
 src/common/AsideMenu.js          | 2 +-
 src/common/MenuLayout.js         | 6 ++++++
 src/index.scss                   | 4 ++++
 src/short-urls/CreateShortUrl.js | 5 +++++
 src/short-urls/ShortUrls.js      | 1 -
 src/short-urls/ShortUrls.scss    | 3 ---
 6 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 src/short-urls/CreateShortUrl.js
 delete mode 100644 src/short-urls/ShortUrls.scss

diff --git a/src/common/AsideMenu.js b/src/common/AsideMenu.js
index e741fb4e..39d213b3 100644
--- a/src/common/AsideMenu.js
+++ b/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
diff --git a/src/common/MenuLayout.js b/src/common/MenuLayout.js
index 48874eea..b2960076 100644
--- a/src/common/MenuLayout.js
+++ b/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>
diff --git a/src/index.scss b/src/index.scss
index 12d17aa0..c8cafe51 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -11,3 +11,7 @@
 .dropdown-item.active {
   background-color: $mainColor !important;
 }
+
+.short-urls-container {
+  padding: 30px 30px 30px 20px;
+}
diff --git a/src/short-urls/CreateShortUrl.js b/src/short-urls/CreateShortUrl.js
new file mode 100644
index 00000000..1e31b93b
--- /dev/null
+++ b/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>
+}
diff --git a/src/short-urls/ShortUrls.js b/src/short-urls/ShortUrls.js
index 503bd989..be3e04ed 100644
--- a/src/short-urls/ShortUrls.js
+++ b/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) {
diff --git a/src/short-urls/ShortUrls.scss b/src/short-urls/ShortUrls.scss
deleted file mode 100644
index b708a7b1..00000000
--- a/src/short-urls/ShortUrls.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.short-urls-container {
-  padding: 30px 30px 30px 20px;
-}