diff --git a/src/common/MenuLayout.js b/src/common/MenuLayout.js
index 23b881fe..437f9d02 100644
--- a/src/common/MenuLayout.js
+++ b/src/common/MenuLayout.js
@@ -17,7 +17,7 @@ const propTypes = {
selectedServer: serverType,
};
-const MenuLayout = (TagsList, ShortUrls, AsideMenu, CreateShortUrl, ShortUrlVisits) => {
+const MenuLayout = (TagsList, ShortUrls, AsideMenu, CreateShortUrl, ShortUrlVisits, ShlinkVersions) => {
const MenuLayoutComp = ({ match, location, selectedServer, selectServer }) => {
const [ showSideBar, setShowSidebar ] = useState(false);
@@ -61,7 +61,7 @@ const MenuLayout = (TagsList, ShortUrls, AsideMenu, CreateShortUrl, ShortUrlVisi
setShowSidebar(false)}>
-
+
@@ -72,6 +72,10 @@ const MenuLayout = (TagsList, ShortUrls, AsideMenu, CreateShortUrl, ShortUrlVisi
/>
+
+
+
+
diff --git a/src/common/MenuLayout.scss b/src/common/MenuLayout.scss
index 78276ea9..352bf32d 100644
--- a/src/common/MenuLayout.scss
+++ b/src/common/MenuLayout.scss
@@ -32,3 +32,26 @@
.menu-layout__burger-icon--active {
color: white;
}
+
+$footer-height: 2.3rem;
+$footer-margin: .8rem;
+
+.menu-layout__container {
+ padding: 20px 0 ($footer-height + $footer-margin);
+ min-height: 100%;
+ margin-bottom: -($footer-height + $footer-margin);
+
+ @media (min-width: $mdMin) {
+ padding: 30px 15px ($footer-height + $footer-margin);
+ }
+}
+
+.menu-layout__footer {
+ height: $footer-height;
+ margin-top: $footer-margin;
+ padding: 0;
+
+ @media (min-width: $mdMin) {
+ padding: 0 15px;
+ }
+}
diff --git a/src/common/services/provideServices.js b/src/common/services/provideServices.js
index d5861a2d..2bde42b0 100644
--- a/src/common/services/provideServices.js
+++ b/src/common/services/provideServices.js
@@ -26,7 +26,8 @@ const provideServices = (bottle, connect, withRouter) => {
'ShortUrls',
'AsideMenu',
'CreateShortUrl',
- 'ShortUrlVisits'
+ 'ShortUrlVisits',
+ 'ShlinkVersions'
);
bottle.decorator('MenuLayout', connect([ 'selectedServer', 'shortUrlsListParams' ], [ 'selectServer' ]));
bottle.decorator('MenuLayout', withRouter);
diff --git a/src/index.scss b/src/index.scss
index b639ddcd..b2a386ee 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -28,14 +28,6 @@ body,
color: inherit !important;
}
-.shlink-container {
- padding: 20px 0;
-
- @media (min-width: $mdMin) {
- padding: 30px 15px;
- }
-}
-
.badge-main {
color: #fff;
background-color: $mainColor;
diff --git a/src/servers/DeleteServerButton.js b/src/servers/DeleteServerButton.js
index 2bc51601..8d0caaff 100644
--- a/src/servers/DeleteServerButton.js
+++ b/src/servers/DeleteServerButton.js
@@ -9,7 +9,7 @@ const propTypes = {
className: PropTypes.string,
};
-const DeleteServerButton = (DeleteServerModal, ShlinkVersions) => {
+const DeleteServerButton = (DeleteServerModal) => {
const DeleteServerButtonComp = ({ server, className }) => {
const [ isModalOpen, setModalOpen ] = useState(false);
@@ -20,8 +20,6 @@ const DeleteServerButton = (DeleteServerModal, ShlinkVersions) => {
Remove this server
-
-
setModalOpen(!isModalOpen)}
diff --git a/src/servers/services/provideServices.js b/src/servers/services/provideServices.js
index d29fddc3..e4231e87 100644
--- a/src/servers/services/provideServices.js
+++ b/src/servers/services/provideServices.js
@@ -24,7 +24,7 @@ const provideServices = (bottle, connect, withRouter) => {
bottle.decorator('DeleteServerModal', withRouter);
bottle.decorator('DeleteServerModal', connect(null, [ 'deleteServer' ]));
- bottle.serviceFactory('DeleteServerButton', DeleteServerButton, 'DeleteServerModal', 'ShlinkVersions');
+ bottle.serviceFactory('DeleteServerButton', DeleteServerButton, 'DeleteServerModal');
bottle.serviceFactory('ImportServersBtn', ImportServersBtn, 'ServersImporter');
bottle.decorator('ImportServersBtn', connect(null, [ 'createServers' ]));