mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2026-07-21 11:11:51 +00:00
Fixed rendering of ShlinkVersions component to match current layout
This commit is contained in:
25
src/common/ShlinkVersionsContainer.tsx
Normal file
25
src/common/ShlinkVersionsContainer.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import classNames from 'classnames';
|
||||
import { isReachableServer, SelectedServer } from '../servers/data';
|
||||
import ShlinkVersions from './ShlinkVersions';
|
||||
|
||||
export interface ShlinkVersionsContainerProps {
|
||||
selectedServer: SelectedServer;
|
||||
}
|
||||
|
||||
const ShlinkVersionsContainer = ({ selectedServer }: ShlinkVersionsContainerProps) => {
|
||||
const serverIsReachable = isReachableServer(selectedServer);
|
||||
const colClasses = classNames('text-center', {
|
||||
'col-12': !serverIsReachable,
|
||||
'col-lg-10 offset-lg-2 col-md-9 offset-md-3': serverIsReachable,
|
||||
});
|
||||
|
||||
return (
|
||||
<div className="row">
|
||||
<div className={colClasses}>
|
||||
<ShlinkVersions selectedServer={selectedServer} />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ShlinkVersionsContainer;
|
||||
Reference in New Issue
Block a user