Created Overview page as default page after connecting to a server

src/servers/CreateServer.tsx

@@ -39,7 +39,7 @@ const CreateServer = (ImportServersBtn: FC<ImportServersBtnProps>, useStateFlagT
     const id = uuid();
 
     createServer({ ...serverData, id });
-    push(`/server/${id}/list-short-urls/1`);
+    push(`/server/${id}/overview`);
   };
 
   return (

src/servers/DeleteServerModal.tsx

@@ -26,7 +26,7 @@ const DeleteServerModal = ({ server, toggle, isOpen, deleteServer, history }: De
         <p>Are you sure you want to remove <b>{server ? server.name : ''}</b>?</p>
         <p>
           <i>
-            No data will be deleted, only the access to this server will be removed from this host.
+            No data will be deleted, only the access to this server will be removed from this device.
             You can create it again at any moment.
           </i>
         </p>

src/servers/EditServer.tsx

@@ -18,7 +18,7 @@ export const EditServer = (ServerError: FC) => withSelectedServer<EditServerProp
 
   const handleSubmit = (serverData: ServerData) => {
     editServer(selectedServer.id, serverData);
-    push(`/server/${selectedServer.id}/list-short-urls/1`);
+    push(`/server/${selectedServer.id}/overview`);
   };
 
   return (

src/servers/Overview.tsx

@@ -0,0 +1,50 @@
+import { useEffect } from 'react';
+import { Card, CardText, CardTitle } from 'reactstrap';
+import { ShortUrlsListParams } from '../short-urls/reducers/shortUrlsListParams';
+import { ShortUrlsList as ShortUrlsListState } from '../short-urls/reducers/shortUrlsList';
+import { prettify } from '../utils/helpers/numbers';
+import { TagsList } from '../tags/reducers/tagsList';
+
+interface OverviewConnectProps {
+  shortUrlsList: ShortUrlsListState;
+  listShortUrls: (params: ShortUrlsListParams) => void;
+  listTags: Function;
+  tagsList: TagsList;
+}
+
+export const Overview = ({ shortUrlsList, listShortUrls, listTags, tagsList }: OverviewConnectProps) => {
+  const { loading, error, shortUrls } = shortUrlsList;
+  const { loading: loadingTags } = tagsList;
+
+  useEffect(() => {
+    listShortUrls({ itemsPerPage: 5 });
+    listTags();
+  }, []);
+
+  return (
+    <div className="row">
+      <div className="col-sm-4">
+        <Card className="text-center mb-2 mb-sm-0" body>
+          <CardTitle tag="h5">Visits</CardTitle>
+          <CardText tag="h2">?</CardText>
+        </Card>
+      </div>
+      <div className="col-sm-4">
+        <Card className="text-center mb-2 mb-sm-0" body>
+          <CardTitle tag="h5">Short URLs</CardTitle>
+          <CardText tag="h2">
+            {loading && !error && 'Loading...'}
+            {error && !loading && 'Failed :('}
+            {!error && !loading && prettify(shortUrls?.pagination.totalItems ?? 0)}
+          </CardText>
+        </Card>
+      </div>
+      <div className="col-sm-4">
+        <Card className="text-center" body>
+          <CardTitle tag="h5">Tags</CardTitle>
+          <CardText tag="h2">{loadingTags ? 'Loading... ' : prettify(tagsList.tags.length)}</CardText>
+        </Card>
+      </div>
+    </div>
+  );
+};

src/servers/ServersDropdown.tsx

@@ -23,7 +23,7 @@ const ServersDropdown = (serversExporter: ServersExporter) => ({ servers, select
           <DropdownItem
             key={id}
             tag={Link}
-            to={`/server/${id}/list-short-urls/1`}
+            to={`/server/${id}/overview`}
             active={isServerWithId(selectedServer) && selectedServer.id === id}
           >
             {name}

src/servers/ServersListGroup.tsx

@@ -11,7 +11,7 @@ interface ServersListGroup {
 }
 
 const ServerListItem = ({ id, name }: { id: string; name: string }) => (
-  <ListGroupItem tag={Link} to={`/server/${id}/list-short-urls/1`} className="servers-list__server-item">
+  <ListGroupItem tag={Link} to={`/server/${id}/overview`} className="servers-list__server-item">
     {name}
     <FontAwesomeIcon icon={chevronIcon} className="servers-list__server-item-icon" />
   </ListGroupItem>

src/servers/services/provideServices.ts

@@ -13,6 +13,7 @@ import ForServerVersion from '../helpers/ForServerVersion';
 import { ServerError } from '../helpers/ServerError';
 import { ConnectDecorator } from '../../container/types';
 import { withoutSelectedServer } from '../helpers/withoutSelectedServer';
+import { Overview } from '../Overview';
 import ServersImporter from './ServersImporter';
 import ServersExporter from './ServersExporter';
 
@@ -43,6 +44,12 @@ const provideServices = (bottle: Bottle, connect: ConnectDecorator, withRouter:
   bottle.serviceFactory('ServerError', ServerError, 'DeleteServerButton');
   bottle.decorator('ServerError', connect([ 'servers', 'selectedServer' ]));
 
+  bottle.serviceFactory('Overview', () => Overview);
+  bottle.decorator('Overview', connect(
+    [ 'shortUrlsList', 'tagsList' ],
+    [ 'listShortUrls', 'listTags' ],
+  ));
+
   // Services
   bottle.constant('csvjson', csvjson);
   bottle.constant('fileReaderFactory', () => new FileReader());