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' ]));