mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-05-04 10:43:01 +03:00
Code Issues Projects Releases Packages Wiki Activity

Ensured versions footer has proper classes based on sidebar status, not selected server

Browse source
This commit is contained in:
Alejandro Celaya 2022-03-11 16:03:15 +01:00
parent 4f731d9de8
commit 73d4707420
11 changed files with 76 additions and 22 deletions
src/common
MenuLayout.tsx

15
src/common/MenuLayout.tsx
View file

@ -11,6 +11,11 @@ import NotFound from './NotFound';
import { AsideMenuProps } from './AsideMenu';
import './MenuLayout.scss';
interface MenuLayoutProps {
sidebarRendered: Function;
sidebarNotRendered: Function;
}
const MenuLayout = (
TagsList: FC,
ShortUrlsList: FC,
@ -24,13 +29,19 @@ const MenuLayout = (
Overview: FC,
EditShortUrl: FC,
ManageDomains: FC,
) => withSelectedServer(({ selectedServer }) => {
) => withSelectedServer<MenuLayoutProps>(({ selectedServer, sidebarNotRendered, sidebarRendered }) => {
const location = useLocation();
const [ sidebarVisible, toggleSidebar, showSidebar, hideSidebar ] = useToggle();
const showContent = isReachableServer(selectedServer);
useEffect(() => hideSidebar(), [ location ]);
useEffect(() => {
showContent && sidebarRendered();
if (!isReachableServer(selectedServer)) {
return () => sidebarNotRendered();
}, []);
if (!showContent) {
return <ServerError />;
}