shlink-web-client/src/servers/helpers/withSelectedServer.tsx

36 lines
1,010 B
TypeScript
Raw Normal View History

2020-11-14 00:44:26 +03:00
import { FC, useEffect } from 'react';
2022-02-06 22:07:18 +03:00
import { useParams } from 'react-router-dom';
2020-08-29 14:51:53 +03:00
import Message from '../../utils/Message';
import { isNotFoundServer, SelectedServer } from '../data';
import { NoMenuLayout } from '../../common/NoMenuLayout';
2020-08-29 14:51:53 +03:00
2022-02-06 22:07:18 +03:00
interface WithSelectedServerProps {
2020-08-29 14:51:53 +03:00
selectServer: (serverId: string) => void;
selectedServer: SelectedServer;
}
export function withSelectedServer<T = {}>(WrappedComponent: FC<WithSelectedServerProps & T>, ServerError: FC) {
return (props: WithSelectedServerProps & T) => {
2022-02-06 22:07:18 +03:00
const params = useParams<{ serverId: string }>();
const { selectServer, selectedServer } = props;
2020-08-29 14:51:53 +03:00
useEffect(() => {
2022-02-06 22:07:18 +03:00
params.serverId && selectServer(params.serverId);
}, [ params.serverId ]);
2020-08-29 14:51:53 +03:00
if (!selectedServer) {
return (
<NoMenuLayout>
<Message loading />
</NoMenuLayout>
);
}
2020-08-29 14:51:53 +03:00
if (isNotFoundServer(selectedServer)) {
return <ServerError />;
}
2020-08-29 14:51:53 +03:00
return <WrappedComponent {...props} />;
};
}