shlinkio/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-12-11 10:13:55 -06:00
Code Issues Packages Projects Releases 67 Wiki Activity

Improved landing page design

Browse Source
This commit is contained in:
Alejandro Celaya 2021-07-11 22:25:36 +02:00
parent b3e79f4219
commit 239cc4ab84
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/common/Home.tsx
View File

@ -31,11 +31,12 @@ const Home = ({ servers }: HomeProps) => {
<ServersListGroup embedded servers={serversList}> <ServersListGroup embedded servers={serversList}>
{!hasServers && ( {!hasServers && (
<div className="p-4"> <div className="p-4">
<p>This application will help you to manage your Shlink servers.</p> <p className="mb-4">This application will help you manage your Shlink servers.</p>
<p>To start, please, <Link to="/server/create">add your first server</Link>.</p> <p className="text-center mb-0">
<p className="m-0"> <Link to="/server/create" className="btn btn-outline-primary btn-lg mr-2">Add a server</Link>
You still don&lsquo;t have a Shlink server? <ExternalLink href="https://shlink.io/documentation" className="btn btn-outline-secondary btn-lg">
Learn how to <ExternalLink href="https://shlink.io/documentation">get started</ExternalLink>. Learn more
</ExternalLink>
</p> </p>
</div> </div>
)} )}

2
test/common/Home.test.tsx
View File

@ -35,7 +35,7 @@ describe('<Home />', () => {
}, },
0, 0,
], ],
[{}, 3 ], [{}, 2 ],
])('shows link to create or set-up server only when no servers exist', (servers, expectedParagraphs) => { ])('shows link to create or set-up server only when no servers exist', (servers, expectedParagraphs) => {
const wrapped = createComponent({ servers }); const wrapped = createComponent({ servers });
const p = wrapped.find('p'); const p = wrapped.find('p');