diff --git a/package-lock.json b/package-lock.json index eed70ef4..117ae8dd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,7 @@ "@json2csv/plainjs": "^7.0.6", "@reduxjs/toolkit": "^2.6.1", "@shlinkio/data-manipulation": "^1.0.3", - "@shlinkio/shlink-frontend-kit": "^0.8.7", + "@shlinkio/shlink-frontend-kit": "^0.8.10", "@shlinkio/shlink-js-sdk": "^2.0.0", "@shlinkio/shlink-web-component": "^0.13.1", "bootstrap": "5.2.3", @@ -3414,9 +3414,9 @@ } }, "node_modules/@shlinkio/shlink-frontend-kit": { - "version": "0.8.7", - "resolved": "https://registry.npmjs.org/@shlinkio/shlink-frontend-kit/-/shlink-frontend-kit-0.8.7.tgz", - "integrity": "sha512-9LqjPnOVNKlnmd6DVBeKl2PwPUreqhygenlpHGws9tOThWNX3IcJNNjMAMq75eigmy1brD1WJaxCD0vJQ2SN+g==", + "version": "0.8.10", + "resolved": "https://registry.npmjs.org/@shlinkio/shlink-frontend-kit/-/shlink-frontend-kit-0.8.10.tgz", + "integrity": "sha512-cB5qyZBCWEwLzEf3XK6ih/32x8i4ER4Tn6WNqIROhcr6Myjot0gvAfNStoXbEeYjJSw2+5wRFSccbAh3w5RxJA==", "license": "MIT", "dependencies": { "clsx": "^2.1.1" @@ -13511,9 +13511,9 @@ "requires": {} }, "@shlinkio/shlink-frontend-kit": { - "version": "0.8.7", - "resolved": "https://registry.npmjs.org/@shlinkio/shlink-frontend-kit/-/shlink-frontend-kit-0.8.7.tgz", - "integrity": "sha512-9LqjPnOVNKlnmd6DVBeKl2PwPUreqhygenlpHGws9tOThWNX3IcJNNjMAMq75eigmy1brD1WJaxCD0vJQ2SN+g==", + "version": "0.8.10", + "resolved": "https://registry.npmjs.org/@shlinkio/shlink-frontend-kit/-/shlink-frontend-kit-0.8.10.tgz", + "integrity": "sha512-cB5qyZBCWEwLzEf3XK6ih/32x8i4ER4Tn6WNqIROhcr6Myjot0gvAfNStoXbEeYjJSw2+5wRFSccbAh3w5RxJA==", "requires": { "clsx": "^2.1.1" } diff --git a/package.json b/package.json index 5747abd5..b8432dd8 100644 --- a/package.json +++ b/package.json @@ -29,7 +29,7 @@ "@json2csv/plainjs": "^7.0.6", "@reduxjs/toolkit": "^2.6.1", "@shlinkio/data-manipulation": "^1.0.3", - "@shlinkio/shlink-frontend-kit": "^0.8.7", + "@shlinkio/shlink-frontend-kit": "^0.8.10", "@shlinkio/shlink-js-sdk": "^2.0.0", "@shlinkio/shlink-web-component": "^0.13.1", "bootstrap": "5.2.3", diff --git a/src/servers/ManageServersRowDropdown.tsx b/src/servers/ManageServersRowDropdown.tsx index 60c46ab1..a2bd5c5a 100644 --- a/src/servers/ManageServersRowDropdown.tsx +++ b/src/servers/ManageServersRowDropdown.tsx @@ -37,23 +37,25 @@ const ManageServersRowDropdown: FCWithDeps - - Connect - - - Edit server - - setAutoConnect(server, !isAutoConnect)}> - {isAutoConnect ? 'Do not a' : 'A'}uto-connect - - - - Remove server - + <> + + + Connect + + + Edit server + + setAutoConnect(server, !isAutoConnect)}> + {isAutoConnect ? 'Do not a' : 'A'}uto-connect + + + + Remove server + + - + ); }; diff --git a/src/servers/ServersDropdown.tsx b/src/servers/ServersDropdown.tsx index 577a89d2..099a2c2e 100644 --- a/src/servers/ServersDropdown.tsx +++ b/src/servers/ServersDropdown.tsx @@ -13,36 +13,30 @@ export interface ServersDropdownProps { export const ServersDropdown = ({ servers, selectedServer }: ServersDropdownProps) => { const serversList = Object.values(servers); - const renderServers = () => { - if (serversList.length === 0) { - return ( - - Add a server - - ); - } - - return ( - <> - {serversList.map(({ name, id }) => ( - - {name} - - ))} - - - Manage servers - - - ); - }; - return ( Servers - {renderServers()} + + {serversList.length === 0 ? ( + + Add a server + + ) : ( + <> + {serversList.map(({ name, id }) => ( + + {name} + + ))} + + + Manage servers + + + )} + ); }; diff --git a/test/servers/__snapshots__/ManageServersRowDropdown.test.tsx.snap b/test/servers/__snapshots__/ManageServersRowDropdown.test.tsx.snap index d597f4bd..a88b7687 100644 --- a/test/servers/__snapshots__/ManageServersRowDropdown.test.tsx.snap +++ b/test/servers/__snapshots__/ManageServersRowDropdown.test.tsx.snap @@ -35,113 +35,12 @@ exports[` > renders expected size and icon 1`] = ` role="menu" style="min-width: 210px;" tabindex="-1" - > - - - Connect - - - - Edit server - - - - - - DeleteServerModal - [CLOSED] - - + /> + + DeleteServerModal + [CLOSED] + `; @@ -180,112 +79,11 @@ exports[` > renders expected size and icon 2`] = ` role="menu" style="min-width: 170px;" tabindex="-1" - > - - - Connect - - - - Edit server - - - - - - DeleteServerModal - [CLOSED] - - + /> + + DeleteServerModal + [CLOSED] + `;