mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2026-10-20 20:54:10 +00:00
Migrated some common components and their dependencies to TS
This commit is contained in:
32
src/common/Home.tsx
Normal file
32
src/common/Home.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import { isEmpty, values } from 'ramda';
|
||||
import { Link } from 'react-router-dom';
|
||||
import ServersListGroup from '../servers/ServersListGroup';
|
||||
import { ServersMap } from '../servers/reducers/servers';
|
||||
import './Home.scss';
|
||||
|
||||
export interface HomeProps {
|
||||
resetSelectedServer: Function;
|
||||
servers: ServersMap;
|
||||
}
|
||||
|
||||
const Home = ({ resetSelectedServer, servers }: HomeProps) => {
|
||||
const serversList = values(servers);
|
||||
const hasServers = !isEmpty(serversList);
|
||||
|
||||
useEffect(() => {
|
||||
resetSelectedServer();
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="home">
|
||||
<h1 className="home__title">Welcome to Shlink</h1>
|
||||
<ServersListGroup servers={serversList}>
|
||||
{hasServers && <span>Please, select a server.</span>}
|
||||
{!hasServers && <span>Please, <Link to="/server/create">add a server</Link>.</span>}
|
||||
</ServersListGroup>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Home;
|
||||
Reference in New Issue
Block a user