Merge branch 'dev' into 'master'

Dev See merge request turris/reforis/foris-js!256
Merge branch 'bump-650' into 'dev'
2025-06-16 13:46:16 +02:00 · 2024-11-13 14:24:26 +01:00 · 2024-11-13 14:14:04 +01:00 · 2024-11-13 14:08:53 +01:00 · 2024-11-13 14:08:12 +01:00 · 2024-11-13 14:07:26 +01:00
112 changed files with 18253 additions and 16651 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -1,8 +1,3 @@
 module.exports = {
-    extends: ["eslint-config-reforis", "prettier"],
-    plugins: ["prettier"],
-    rules: {
-        "prettier/prettier": ["error"],
-        "import/prefer-default-export": "off",
-    },
+    extends: "eslint-config-reforis",
 };
--- a/.prettierrc
+++ b/.prettierrc
@ -1,11 +0,0 @@
-{
-    "singleQuote": false,
-    "printWidth": 80,
-    "proseWrap": "always",
-    "tabWidth": 4,
-    "useTabs": false,
-    "trailingComma": "es5",
-    "bracketSpacing": true,
-    "jsxBracketSameLine": false,
-    "semi": true
-}
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -0,0 +1,493 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to
+[Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [6.5.0] - 2024-11-13
+
+### Added
+
+-   Added & updated Weblate translations
+-   Added RichTable component with pagination and sorting
+-   Added @tanstack/react-table v8.20.5 to dependencies
+
+### Changed
+
+-   Updated documentation
+-   Replaced RebootButton with ActionButtonWithModal component
+-   Fixed import path for CustomizationContextMock in customTestRender.js
+
+## [6.4.0] - 2024-10-02
+
+### Changed
+
+-   Refactored Alert component to include dismiss animation and timeout
+-   Refactored ThreeDotsMenu component to include additional props
+
+## [6.3.0] - 2024-09-27
+
+### Added
+
+-   Added ThreeDotsMenu component
+
+### Changed
+
+-   Refactored EmailInput description
+-   Refactored RadioSet & ignore Radio component
+-   Refactored npm package badge in introduction.md
+-   NPM audit fix
+
+## [6.2.1] - 2024-09-25
+
+### Added
+
+-   Added & updated Weblate translations
+
+### Changed
+
+-   Refactored CopyInput component
+-   Refactored ForisURLs to include new URLs for Overview page
+
+## [6.2.0] - 2024-09-20
+
+### Added
+
+-   Added useFocusTrap hook
+-   Added extendSession endpoint
+
+### Changed
+
+-   Refactored Spinner.css to use CSS variable for color
+-   Refactored Modal component to use useFocusTrap hook
+-   Refactored Alert component to use useFocusTrap hook
+
+## [6.1.1] - 2024-08-30
+
+### Added
+
+-   Added & updated Weblate translations
+
+### Changed
+
+-   Updated icon color classes to use "text-secondary" instead of "text-dark"
+-   Updated Wi-Fi QRCodeModal component to use new styles & added close button
+-   Refactored WiFiGuestForm component to get rid of obsolete div element
+-   NPM audit fix
+
+## [6.1.0] - 2024-08-23
+
+### Added
+
+-   Added & updated Weblate translations
+
+### Changed
+
+-   Migrated to Font Awesome v6
+-   NPM audit fix
+
+## [6.0.3] - 2024-07-26
+
+### Changed
+
+-   Updated WiFiQRCode component
+
+## [6.0.2] - 2024-06-28
+
+### Added
+
+-   Added className prop to CheckBox and Radio components
+
+## [6.0.1] - 2024-06-26
+
+### Added
+
+-   Added className prop to Switch component
+
+### Changed
+
+-   Updated dependencies in package.json
+-   NPM audit fix
+
+## [6.0.0] - 2024-06-11
+
+### Added
+
+-   Added CHANGELOG.md
+-   Added JS_DIR variable to Makefile
+-   Added support for shared reForis ESLint configuration
+
+### Changed
+
+-   Updated dependencies in package.json
+-   Updated Spinner.css styles for better positioning and responsiveness
+-   Migrated to Bootstrap 5
+-   NPM audit fix
+-   Other small improvements
+
+## [5.6.1] - 2024-01-19
+
+-   Added & updated Weblate translations
+-   Fixed loading state & button's layout
+-   Updated bootstrap library to version 4.6.2
+-   Used custom reforis-image in GitLab CI/CD
+-   NPM audit fix
+
+## [5.6.0] - 2022-12-29
+
+-   Add & update Weblate translations
+-   Add CustomizationContext and custom hook
+-   Update caniuse-lite
+-   Remove testUtils from .gitignore
+-   Make ieee80211w_disabled as optional in WiFiForm
+-   Move contexts in a context folder
+-   NPM audit fix
+
+## [5.5.0] - 2022-12-02
+
+-   Add & update translations
+-   Add a switch to disable Management Frame Protection (802.11w)
+-   Improved Foris JS documentation
+-   NPM audit fix
+
+## [5.4.1] - 2022-06-03
+
+-   Add Weblate translations
+-   Update PropType peer dependency
+-   NPM audit fix
+
+## [5.4.0] - 2022-05-20
+
+-   Add & update translations
+-   Add CopyInput bootstrap component
+-   Update WiFiForm labels and description for wifi ax
+-   Make WS path in lighttpd mode configurable
+-   Fix Wi-Fi password helptext string
+-   NPM audit fix
+
+## [5.3.0] - 2022-02-21
+
+-   Added & update translations
+-   Added rest of the props to DownloadButton component
+-   Added hostname validation
+-   Added wifi 802.11ax HE modes
+-   Set best Wi-Fi HT mode depending on the checked frequency
+-   Improved domain name RegEx pattern
+-   Removed customOrder prop in Select component
+-   Fixed Wi-Fi translation strings
+-   Fixed autocomplete attribute in PasswordInput
+-   Fixed WiFi password max length check
+-   Fixed documentation build
+-   Fixed access token in publish script
+-   Refined & restructure Makefile
+-   Updated GitLab CI image to Node.js v16
+-   NPM update (several dependencies)
+-   NPM audit fix
+
+## [5.2.0] - 2021-12-15
+
+-   Remove login page
+-   NPM audit fix
+
+## [5.1.16] - 2021-11-18
+
+-   Revert bad NPM audit fix
+-   NPM audit fix
+
+## [5.1.15] - 2021-11-03
+
+-   Add WPA3 option
+-   Add custom order ability of Select options
+-   NPM audit fix
+
+## [5.1.14] - 2021-07-30
+
+-   Add & update translations
+-   Fix infinity redirect loop when WS error occurs
+-   NPM audit fix
+
+## [5.1.13] - 2021-06-30
+
+-   Add sentinelAgreement endpoint to forisUrls
+-   NPM audit fix
+
+## [5.1.12] - 2021-05-14
+
+-   Add & update translations
+-   Add & fix obsolete links
+-   Expend library with the ResetWifiSettings function
+-   Fix switching Wi-Fi modes depending on bands in WiFiForm
+-   Fix translation sources in WiFiForm
+-   NPM audit fix
+-   Other small improvements
+
+## [5.1.11] - 2021-01-04
+
+-   Remove duplicated file for Norwegian language
+-   Fix translations inconsistency
+
+## [5.1.10] - 2021-12-29
+
+-   Add and update translations
+
+## [5.1.9] - 2021-12-20
+
+-   Increase bottom margin of formFieldsSize
+-   Change formFieldsSize of ResetWiFiSettings card
+-   Fix trailing space in Modal classes
+
+## [5.1.8] - 2020-12-19
+
+-   Add isPluginInstalled function
+
+## [5.1.7] - 2020-11-27
+
+## [5.1.6] - 2020-11-25
+
+-   NPM audit fix
+-   Add displayCard function to utils
+-   Add optional sizes to Modal
+-   Add information about optional sizes to docs
+-   Remove redundant merge.py
+
+## [5.1.5] - 2020-09-25
+
+-   Fix DateTime import
+-   Fix extra empty space in Switch's classes
+
+## [5.1.4] - 2020-09-25
+
+-   Add inline option to Wi-Fi's RadioSet
+-   Fix Alert's dismissible class condition
+-   Add closing bootstrap modal using ESC
+-   Change reboot modal's heading to "Warning!"
+
+## [5.1.3] - 2020-09-11
+
+-   Add SSID validation for 32 bytes length
+-   Add helpText for SSID input
+
+## [5.1.2] - 2020-09-08
+
+-   Fix infinity loop caused by WebSockets
+-   Resolve small issues
+
+## [5.1.1] - 2020-08-31
+
+-   Add "inline" option to RadioSet
+-   NPM audit fix
+
+## [5.1.0] - 2020-08-25
+
+-   Add new Switch component
+-   Swap checkboxes for switches on Wi-Fi page
+-   Decrease button width on different breakpoints
+-   Add integration of Prettier + ESLint + reForis Style Guide
+-   Add appropriate links to dropdown headers
+-   Add semantic & accessibility structure for headings
+-   NPM audit & Update packages
+-   GitLab CI: image update to node 10
+
+## [5.0.3] - 2020-09-23
+
+-   Fixes issue with WebSockets
+
+## [5.0.2] - 2020-09-22
+
+-   Fix infinity loop caused by WebSockets
+
+## [5.0.1] - 2020-07-21
+
+-   Fix Wi-Fi Form
+-   NPM audit fix & update of packages
+
+## [5.0.0] - 2020-05-07
+
+-   I've realized that it should be major update due to broken API.
+
+## [4.5.1] - 2020-05-07
+
+-   Add initialData to ForisForm children.
+-   Update translations .pot file.
+
+## [4.5.0] - 2020-03-25
+
+-   Use exposed pdfmake.
+-   NPM audit fix & update of packages.
+
+## [4.4.0] - 2020-03-13
+
+-   Update domain validation.
+
+## [4.3.1] - 2020-03-06
+
+-   Add logout link.
+
+## [4.3.0] - 2020-02-26
+
+-   Allow RadioSet accept elements as children.
+-   Add option to make modal scrollable.
+
+## [4.2.0] - 2020-02-21
+
+-   Add translations.
+-   Improve datatime localization.
+
+## [4.1.0] - 2020-02-20
+
+-   Added date and time utilities.
+
+## [4.0.0] - 2020-02-20
+
+-   Throw an error if unhandled exception happens during API request.
+
+## [3.4.0] - 2020-02-17
+
+-   Display actual GET error response within the form.
+-   Added styles extracted from reForis.
+-   Added reference to form element (for programmatically submitting it).
+
+## [3.2.0] - 2020-01-17
+
+-   Swapped react-router with react-router-dom. Prepared Foris JS for using
+    react-router-dom exposed by reForis.
+-   Added controller ID filter to WebSocket hook.
+-   Updated translation messages after moving WiFi form.
+-   Increased request timeout to 30.5 sec.
+
+## [3.1.1] - 2020-01-10
+
+-   Fixed package dependencies related to exposing libraries via reForis
+
+## [3.1.0] - 2020-01-09
+
+-   Added Wi-Fi settings form
+-   Fixed path to index.js file in package.json
+
+## [3.0.0] - 2020-01-07
+
+-   Removal of Babel compiler
+-   Fixed width of ForisForm, removed default sizing for form widgets (like
+    buttons)
+
+## [2.1.1] - 2020-01-06
+
+-   Display date and time picker above input element
+
+## [2.1.0] - 2019-12-19
+
+-   Set WebSocket logging to debug level
+-   Added hook that detects clicking outside of component
+-   Added Radio to list of publicly available components
+-   Fixed link to git repository in package.json
+
+## [2.0.0] - 2019-12-09
+
+-   Added dynamic suffix for API URLs (allowing to use one hook for different
+    resources with e.g. PUT)
+-   Added unsubscribe method to WebSocket client
+-   Added custom class to SpinnerElement
+-   Improved documentation
+-   Published README.md
+
+## [1.4.0] - 2019-11-29
+
+-   Add reboot button.
+-   Fix Foris URLs prefixes
+
+## [1.3.3] - 2019-11-22
+
+-   Add translations from Weblate.
+
+## [1.3.2] - 2019-11-20
+
+-   Expose only AlertContext.
+-   Add hook for API pooling.
+
+## [1.3.1] - 2019-11-14
+
+## [1.2.0] - 2019-10-24
+
+## [1.1.0] - 2019-10-22
+
+## [1.0.0] - 2019-10-07
+
+## [0.0.7] - 2019-09-02
+
+[unreleased]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.5.0...dev
+[6.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.4.0...v6.5.0
+[6.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.3.0...v6.4.0
+[6.3.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.2.1...v6.3.0
+[6.2.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.2.0...v6.2.1
+[6.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.1.1...v6.2.0
+[6.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.1.0...v6.1.1
+[6.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.3...v6.1.0
+[6.0.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.2...v6.0.3
+[6.0.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.1...v6.0.2
+[6.0.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.0...v6.0.1
+[6.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.6.1...v6.0.0
+[5.6.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.6.0...v5.6.1
+[5.6.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.5.0...v5.6.0
+[5.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.4.1...v5.5.0
+[5.4.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.4.0...v5.4.1
+[5.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.3.0...v5.4.0
+[5.3.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.2.0...v5.3.0
+[5.2.0]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.16...v5.2.0
+[5.1.16]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.15...v5.1.16
+[5.1.15]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.14...v5.1.15
+[5.1.14]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.13...v5.1.14
+[5.1.13]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.12...v5.1.13
+[5.1.12]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.11...v5.1.12
+[5.1.11]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.10...v5.1.11
+[5.1.10]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.9...v5.1.10
+[5.1.9]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.8...v5.1.9
+[5.1.8]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.7...v5.1.8
+[5.1.7]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.6...v5.1.7
+[5.1.6]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.5...v5.1.6
+[5.1.5]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.4...v5.1.5
+[5.1.4]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.3...v5.1.4
+[5.1.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.2...v5.1.3
+[5.1.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.1...v5.1.2
+[5.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.0...v5.1.1
+[5.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.0.3...v5.1.0
+[5.0.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.0.2...v5.0.3
+[5.0.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.0.1...v5.0.2
+[5.0.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.5.0...v5.0.1
+[5.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.5.1...v5.0.0
+[4.5.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.5.0...v4.5.1
+[4.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.4.0...v4.5.0
+[4.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.3.1...v4.4.0
+[4.3.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.3.0...v4.3.1
+[4.3.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.2.0...v4.3.0
+[4.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.1.0...v4.2.0
+[4.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.0.0...v4.1.0
+[4.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.4.0...v4.0.0
+[3.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.2.0...v3.4.0
+[3.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.1.1...v3.2.0
+[3.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.1.0...v3.1.1
+[3.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.0.0...v3.1.0
+[3.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v2.1.1...v3.0.0
+[2.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v2.1.0...v2.1.1
+[2.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v2.0.0...v2.1.0
+[2.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.4.0...v2.0.0
+[1.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.3.3...v1.4.0
+[1.3.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.3.2...v1.3.3
+[1.3.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.3.1...v1.3.2
+[1.3.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.2.0...v1.3.1
+[1.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.1.0...v1.2.0
+[1.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.0.0...v1.1.0
+[1.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v0.0.7...v1.0.0
+[0.0.7]: https://gitlab.nic.cz/turris/reforis/foris-js/-/tags/v0.0.7
--- a/docs/introduction.md
+++ b/docs/introduction.md
@ -33,5 +33,4 @@ To install a specific version:
 npm install foris@version
 ```

-<a target="_blank" href="https://www.npmjs.com/package/foris">Check
-on<img width="100px" src="./docs/forisjs-npm.svg"></a>
+[![npm version](https://badge.fury.io/js/foris.svg)](https://badge.fury.io/js/foris)
--- a/jest.config.js
+++ b/jest.config.js
@ -19,6 +19,7 @@ module.exports = {
    collectCoverageFrom: ["src/**/*.{js,jsx}"],
    coverageDirectory: "coverage",
    testPathIgnorePatterns: ["/node_modules/", "/__fixtures__/", "/dist/"],
+    testEnvironment: "jsdom",
    verbose: false,
    setupFilesAfterEnv: [
        "@testing-library/react/cleanup-after-each",
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
    "name": "foris",
-    "version": "5.6.1",
+    "version": "6.5.0",
    "description": "Foris JS library is a set of components and utils for reForis application and plugins.",
    "author": "CZ.NIC, z.s.p.o.",
    "repository": {
@ -14,12 +14,17 @@
    "license": "GPL-3.0",
    "main": "./src/index.js",
    "dependencies": {
-        "axios": "^0.21.1",
-        "immutability-helper": "3.0.1",
-        "moment": "^2.24.0",
-        "qrcode.react": "^1.0.1",
-        "react-datetime": "^3.1.1",
-        "react-uid": "^2.2.0"
+        "@fortawesome/fontawesome-svg-core": "^6.6.0",
+        "@fortawesome/free-regular-svg-icons": "^6.6.0",
+        "@fortawesome/free-solid-svg-icons": "^6.6.0",
+        "@fortawesome/react-fontawesome": "^0.2.2",
+        "@tanstack/react-table": "^8.20.5",
+        "axios": "^1.7.2",
+        "immutability-helper": "^3.1.1",
+        "moment": "^2.30.1",
+        "qrcode.react": "^3.1.0",
+        "react-datetime": "^3.2.0",
+        "react-uid": "^2.3.3"
    },
    "peerDependencies": {
        "bootstrap": "^5.3.3",
@ -29,34 +34,32 @@
        "react-router-dom": "^5.1.2"
    },
    "devDependencies": {
-        "@babel/cli": "^7.12.10",
-        "@babel/core": "^7.9.0",
-        "@babel/plugin-transform-runtime": "^7.9.0",
-        "@babel/preset-env": "^7.9.0",
-        "@babel/preset-react": "^7.9.4",
-        "@fortawesome/fontawesome-free": "^6.5.2",
+        "@babel/cli": "^7.24.7",
+        "@babel/core": "^7.24.7",
+        "@babel/plugin-transform-runtime": "^7.24.7",
+        "@babel/preset-env": "^7.24.7",
+        "@babel/preset-react": "^7.24.7",
        "@testing-library/react": "^8.0.9",
        "babel-loader": "^8.1.0",
        "babel-polyfill": "^6.26.0",
        "bootstrap": "^5.3.3",
        "css-loader": "^5.2.4",
-        "eslint": "^6.8.0",
-        "eslint-config-prettier": "^6.11.0",
-        "eslint-config-reforis": "^1.0.0",
-        "eslint-plugin-prettier": "^3.1.4",
+        "eslint": "^8.57.0",
+        "eslint-config-reforis": "^2.1.1",
        "file-loader": "^6.0.0",
-        "jest": "^25.2.0",
-        "jest-mock-axios": "^3.2.0",
-        "moment-timezone": "^0.5.34",
-        "prettier": "2.0.5",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "jest-mock-axios": "^4.7.3",
+        "moment-timezone": "^0.5.45",
+        "prettier": "^3.3.2",
        "prop-types": "15.8.1",
        "react": "16.9.0",
        "react-dom": "16.9.0",
        "react-router-dom": "^5.1.2",
-        "react-styleguidist": "^11.2.0",
-        "snapshot-diff": "^0.7.0",
+        "react-styleguidist": "^12.0.1",
+        "snapshot-diff": "^0.10.0",
        "style-loader": "^1.2.1",
-        "webpack": "^5.68.0"
+        "webpack": "^5.92.1"
    },
    "scripts": {
        "lint": "eslint src",
--- a/prettier.config.js
+++ b/prettier.config.js
@ -0,0 +1 @@
+module.exports = require("eslint-config-reforis/prettier.config");
--- a/src/api/hooks.js
+++ b/src/api/hooks.js
@ -111,9 +111,8 @@ const useAPIPatch = createAPIHook("PATCH");
 const useAPIPut = createAPIHook("PUT");
 const useAPIDelete = createAPIHook("DELETE");

-export { useAPIGet, useAPIPost, useAPIPatch, useAPIPut, useAPIDelete };
-
-export function useAPIPolling(endpoint, delay = 1000, until) {
+/* eslint-disable default-param-last */
+function useAPIPolling(endpoint, delay = 1000, until) {
    // delay ms
    const [state, setState] = useState({ state: API_STATE.INIT });
    const [getResponse, get] = useAPIGet(endpoint);
@ -133,3 +132,12 @@ export function useAPIPolling(endpoint, delay = 1000, until) {

    return [state];
 }
+
+export {
+    useAPIGet,
+    useAPIPost,
+    useAPIPatch,
+    useAPIPut,
+    useAPIDelete,
+    useAPIPolling,
+};
--- a/src/bootstrap/Alert.js
+++ b/src/bootstrap/Alert.js
@ -1,13 +1,16 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

-import React from "react";
+import React, { useRef, useEffect, useState } from "react";
+
 import PropTypes from "prop-types";

+import { useFocusTrap } from "../utils/hooks";
+
 export const ALERT_TYPES = Object.freeze({
    PRIMARY: "primary",
    SECONDARY: "secondary",
@ -35,18 +38,38 @@ Alert.defaultProps = {
    type: ALERT_TYPES.DANGER,
 };

-export function Alert({ type, onDismiss, children }) {
+function Alert({ type, onDismiss, children }) {
+    const alertRef = useRef();
+    const [isVisible, setIsVisible] = useState(true);
+    useFocusTrap(alertRef, !!onDismiss);
+
+    useEffect(() => {
+        if (onDismiss) {
+            const timeout = setTimeout(() => setIsVisible(false), 7000);
+            return () => clearTimeout(timeout);
+        }
+    }, [onDismiss]);
+
+    const handleAnimationEnd = () => {
+        if (!isVisible && onDismiss) {
+            onDismiss();
+        }
+    };
+
    return (
        <div
-            className={`alert alert-${type} ${
+            ref={alertRef}
+            className={`alert alert-${type} ${isVisible ? "alert-fade-in" : "alert-slide-out-top"} ${
                onDismiss ? "alert-dismissible" : ""
            }`.trim()}
+            role="alert"
+            onAnimationEnd={handleAnimationEnd}
        >
            {onDismiss && (
                <button
                    type="button"
                    className="btn-close"
-                    onClick={onDismiss}
+                    onClick={() => setIsVisible(false)}
                    aria-label={_("Close")}
                />
            )}
@ -54,3 +77,5 @@ export function Alert({ type, onDismiss, children }) {
        </div>
    );
 }
+
+export default Alert;
--- a/src/bootstrap/Button.js
+++ b/src/bootstrap/Button.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019-2023 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

 Button.propTypes = {
@ -24,13 +25,7 @@ Button.propTypes = {
    ]).isRequired,
 };

-export function Button({
-    className,
-    loading,
-    forisFormSize,
-    children,
-    ...props
-}) {
+function Button({ className, loading, forisFormSize, children, ...props }) {
    let buttonClass = className ? `btn ${className}` : "btn btn-primary";
    if (forisFormSize) {
        buttonClass = `${buttonClass} col-12 col-md-3 col-lg-2`;
@ -53,3 +48,5 @@ export function Button({
        </button>
    );
 }
+
+export default Button;
--- a/src/bootstrap/CheckBox.js
+++ b/src/bootstrap/CheckBox.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";

@ -16,17 +17,19 @@ CheckBox.propTypes = {
    helpText: PropTypes.string,
    /** Control if checkbox is clickable */
    disabled: PropTypes.bool,
+    /** Additional class name */
+    className: PropTypes.string,
 };

 CheckBox.defaultProps = {
    disabled: false,
 };

-export function CheckBox({ label, helpText, disabled, ...props }) {
+function CheckBox({ label, helpText, disabled, className, ...props }) {
    const uid = useUID();

    return (
-        <div className="mb-3 form-check">
+        <div className={`${className || "mb-3"} form-check`.trim()}>
            <input
                className="form-check-input"
                type="checkbox"
@ -45,3 +48,5 @@ export function CheckBox({ label, helpText, disabled, ...props }) {
        </div>
    );
 }
+
+export default CheckBox;
--- a/src/bootstrap/CopyInput.js
+++ b/src/bootstrap/CopyInput.js
@ -1,13 +1,15 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React, { useState, useRef } from "react";
+
 import PropTypes from "prop-types";
-import { Input } from "./Input";
+
+import Input from "./Input";

 CopyInput.propTypes = {
    /** Field label. */
@ -22,7 +24,7 @@ CopyInput.propTypes = {
    readOnly: PropTypes.bool,
 };

-export function CopyInput({ value, ...props }) {
+function CopyInput({ value, ...props }) {
    const inputTextRef = useRef();
    const [isCopied, setIsCopied] = useState(false);

@ -46,15 +48,15 @@ export function CopyInput({ value, ...props }) {

    return (
        <Input type="text" value={value} ref={inputTextRef} {...props}>
-            <div className="input-group-append">
-                <button
-                    className="btn btn-outline-secondary"
-                    type="button"
-                    onClick={handleCopyClick}
-                >
-                    <span>{isCopied ? _("Copied!") : _("Copy")}</span>
-                </button>
-            </div>
+            <button
+                className="btn btn-outline-secondary"
+                type="button"
+                onClick={handleCopyClick}
+            >
+                <span>{isCopied ? _("Copied!") : _("Copy")}</span>
+            </button>
        </Input>
    );
 }
+
+export default CopyInput;
--- a/src/bootstrap/DataTimeInput.js
+++ b/src/bootstrap/DataTimeInput.js
@ -1,18 +1,19 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
+import moment from "moment/moment";
 import PropTypes from "prop-types";
 import Datetime from "react-datetime";
-import moment from "moment/moment";
 import "react-datetime/css/react-datetime.css";
 import "./DataTimeInput.css";

-import { Input } from "./Input";
+import Input from "./Input";

 DataTimeInput.propTypes = {
    /** Field label. */
@ -37,7 +38,7 @@ DataTimeInput.propTypes = {
 const DEFAULT_DATE_FORMAT = "YYYY-MM-DD";
 const DEFAULT_TIME_FORMAT = "HH:mm:ss";

-export function DataTimeInput({
+function DataTimeInput({
    value,
    onChange,
    isValidDate,
@ -46,13 +47,13 @@ export function DataTimeInput({
    children,
    ...props
 }) {
-    function renderInput(datetimeProps) {
+    const renderInput = (datetimeProps) => {
        return (
            <Input {...props} {...datetimeProps}>
                {children}
            </Input>
        );
-    }
+    };

    return (
        <Datetime
@ -70,3 +71,5 @@ export function DataTimeInput({
        />
    );
 }
+
+export default DataTimeInput;
--- a/src/bootstrap/DownloadButton.js
+++ b/src/bootstrap/DownloadButton.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

 DownloadButton.propTypes = {
@ -21,7 +22,7 @@ DownloadButton.defaultProps = {
    className: "btn-primary",
 };

-export function DownloadButton({ href, className, children, ...props }) {
+function DownloadButton({ href, className, children, ...props }) {
    return (
        <a
            href={href}
@ -33,3 +34,5 @@ export function DownloadButton({ href, className, children, ...props }) {
        </a>
    );
 }
+
+export default DownloadButton;
--- a/src/bootstrap/EmailInput.js
+++ b/src/bootstrap/EmailInput.js
@ -6,11 +6,14 @@
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { Input } from "./Input";
+import Input from "./Input";

-export const EmailInput = ({ ...props }) => <Input type="email" {...props} />;
+function EmailInput({ ...props }) {
+    return <Input type="email" {...props} />;
+}

 EmailInput.propTypes = {
    /** Field label. */
@ -22,3 +25,5 @@ EmailInput.propTypes = {
    /** Email value. */
    value: PropTypes.string,
 };
+
+export default EmailInput;
--- a/src/bootstrap/EmailInput.md
+++ b/src/bootstrap/EmailInput.md
@ -6,6 +6,7 @@ All additional `props` are passed to the `<input type="email">` HTML component.

 ```js
 import { useState } from "react";
+import Button from "./Button";
 const [email, setEmail] = useState("Wrong email");
 <form onSubmit={(e) => e.preventDefault()}>
    <EmailInput
@ -14,6 +15,6 @@ const [email, setEmail] = useState("Wrong email");
        helpText="Read the small text!"
        onChange={(event) => setEmail(event.target.value)}
    />
-    <button type="submit">Try to submit</button>
+    <Button type="submit">Try to submit</Button>
 </form>;
 ```
--- a/src/bootstrap/FileInput.js
+++ b/src/bootstrap/FileInput.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -8,7 +8,8 @@
 import React from "react";

 import PropTypes from "prop-types";
-import { Input } from "./Input";
+
+import Input from "./Input";

 FileInput.propTypes = {
    /** Field label. */
@ -23,7 +24,7 @@ FileInput.propTypes = {
    multiple: PropTypes.bool,
 };

-export function FileInput({ ...props }) {
+function FileInput({ ...props }) {
    return (
        <Input
            type="file"
@ -34,3 +35,5 @@ export function FileInput({ ...props }) {
        />
    );
 }
+
+export default FileInput;
--- a/src/bootstrap/Input.js
+++ b/src/bootstrap/Input.js
@ -6,11 +6,12 @@
 */

 import React, { forwardRef } from "react";
-import { useUID } from "react-uid";
+
 import PropTypes from "prop-types";
+import { useUID } from "react-uid";

 /** Base bootstrap input component. */
-export const Input = forwardRef(
+const Input = forwardRef(
    (
        {
            type,
@ -60,6 +61,8 @@ export const Input = forwardRef(
    }
 );

+Input.displayName = "Input";
+
 Input.propTypes = {
    type: PropTypes.string.isRequired,
    label: PropTypes.string.isRequired,
@ -73,3 +76,5 @@ Input.propTypes = {
    labelClassName: PropTypes.string,
    groupClassName: PropTypes.string,
 };
+
+export default Input;
--- a/src/bootstrap/Modal.js
+++ b/src/bootstrap/Modal.js
@ -1,15 +1,16 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React, { useRef, useEffect } from "react";
+
 import PropTypes from "prop-types";

-import { Portal } from "../utils/Portal";
-import { useClickOutside } from "../utils/hooks";
+import { useClickOutside, useFocusTrap } from "../utils/hooks";
+import Portal from "../utils/Portal";
 import "./Modal.css";

 Modal.propTypes = {
@ -28,10 +29,11 @@ Modal.propTypes = {
 };

 export function Modal({ shown, setShown, scrollable, size, children }) {
-    const dialogRef = useRef();
+    const modalRef = useRef();
    let modalSize = "modal-";

-    useClickOutside(dialogRef, () => setShown(false));
+    useClickOutside(modalRef, () => setShown(false));
+    useFocusTrap(modalRef, shown);

    useEffect(() => {
        const handleEsc = (event) => {
@ -64,11 +66,13 @@ export function Modal({ shown, setShown, scrollable, size, children }) {
    return (
        <Portal containerId="modal-container">
            <div
+                ref={modalRef}
                className={`modal fade ${shown ? "show" : ""}`.trim()}
                role="dialog"
+                aria-modal="true"
+                aria-labelledby="modal-title"
            >
                <div
-                    ref={dialogRef}
                    className={`${modalSize.trim()} modal-dialog modal-dialog-centered ${
                        scrollable ? "modal-dialog-scrollable" : ""
                    }`.trim()}
@ -89,7 +93,7 @@ ModalHeader.propTypes = {
 export function ModalHeader({ setShown, title }) {
    return (
        <div className="modal-header">
-            <h5 className="modal-title">{title}</h5>
+            <h1 className="modal-title fs-5">{title}</h1>
            <button
                type="button"
                className="btn-close"
--- a/src/bootstrap/NumberInput.js
+++ b/src/bootstrap/NumberInput.js
@ -1,15 +1,18 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
+import { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import PropTypes from "prop-types";

+import Input from "./Input";
 import { useConditionalTimeout } from "../utils/hooks";
-import { Input } from "./Input";
 import "./NumberInput.css";

 NumberInput.propTypes = {
@ -31,7 +34,7 @@ NumberInput.defaultProps = {
    value: 0,
 };

-export function NumberInput({ onChange, inlineText, value, ...props }) {
+function NumberInput({ onChange, inlineText, value, ...props }) {
    function updateValue(initialValue, difference) {
        onChange({ target: { value: initialValue + difference } });
    }
@ -59,7 +62,7 @@ export function NumberInput({ onChange, inlineText, value, ...props }) {
                onMouseUp={() => enableIncrease(false)}
                aria-label="Increase"
            >
-                <i className="fas fa-plus" />
+                <FontAwesomeIcon icon={faPlus} />
            </button>
            <button
                type="button"
@ -68,8 +71,10 @@ export function NumberInput({ onChange, inlineText, value, ...props }) {
                onMouseUp={() => enableDecrease(false)}
                aria-label="Decrease"
            >
-                <i className="fas fa-minus" />
+                <FontAwesomeIcon icon={faMinus} />
            </button>
        </Input>
    );
 }
+
+export default NumberInput;
--- a/src/bootstrap/PasswordInput.js
+++ b/src/bootstrap/PasswordInput.js
@ -1,14 +1,17 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React, { useState } from "react";
+
+import { faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import PropTypes from "prop-types";

-import { Input } from "./Input";
+import Input from "./Input";

 PasswordInput.propTypes = {
    /** Field label. */
@ -25,7 +28,7 @@ PasswordInput.propTypes = {
    newPass: PropTypes.bool,
 };

-export function PasswordInput({ withEye, newPass, ...props }) {
+function PasswordInput({ withEye, newPass, ...props }) {
    const [isHidden, setHidden] = useState(true);

    return (
@ -43,11 +46,15 @@ export function PasswordInput({ withEye, newPass, ...props }) {
                        setHidden((shouldBeHidden) => !shouldBeHidden);
                    }}
                >
-                    <i
-                        className={`fa ${isHidden ? "fa-eye" : "fa-eye-slash"}`}
+                    <FontAwesomeIcon
+                        icon={isHidden ? faEye : faEyeSlash}
+                        style={{ width: "1.25rem" }}
+                        className="text-secondary"
                    />
                </button>
            )}
        </Input>
    );
 }
+
+export default PasswordInput;
--- a/src/bootstrap/Radio.js
+++ b/src/bootstrap/Radio.js
@ -0,0 +1,48 @@
+/*
+ * Copyright (C) 2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+
+import PropTypes from "prop-types";
+
+Radio.propTypes = {
+    label: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.element,
+        PropTypes.node,
+        PropTypes.arrayOf(PropTypes.node),
+    ]).isRequired,
+    id: PropTypes.string.isRequired,
+    inline: PropTypes.bool,
+    helpText: PropTypes.string,
+    className: PropTypes.string,
+};
+
+function Radio({ label, id, helpText, inline, className, ...props }) {
+    return (
+        <div
+            className={`${className || "mb-3"} ${inline ? "form-check form-check-inline" : ""}`.trim()}
+        >
+            <input
+                id={id}
+                className="form-check-input me-2"
+                type="radio"
+                {...props}
+            />
+            <label className="form-check-label" htmlFor={id}>
+                {label}
+                {helpText && (
+                    <div className="form-text">
+                        <small>{helpText}</small>
+                    </div>
+                )}
+            </label>
+        </div>
+    );
+}
+
+export default Radio;
--- a/src/bootstrap/RadioSet.js
+++ b/src/bootstrap/RadioSet.js
@ -1,14 +1,17 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";

+import Radio from "./Radio";
+
 RadioSet.propTypes = {
    /** Name attribute of the input HTML tag. */
    name: PropTypes.string.isRequired,
@ -36,15 +39,7 @@ RadioSet.propTypes = {
    inline: PropTypes.bool,
 };

-export function RadioSet({
-    name,
-    label,
-    choices,
-    value,
-    helpText,
-    inline,
-    ...props
-}) {
+function RadioSet({ name, label, choices, value, helpText, inline, ...props }) {
    const uid = useUID();
    const radios = choices.map((choice, key) => {
        const id = `${name}-${key}`;
@ -80,41 +75,4 @@ export function RadioSet({
    );
 }

-Radio.propTypes = {
-    label: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.element,
-        PropTypes.node,
-        PropTypes.arrayOf(PropTypes.node),
-    ]).isRequired,
-    id: PropTypes.string.isRequired,
-    inline: PropTypes.bool,
-    helpText: PropTypes.string,
-};
-
-export function Radio({ label, id, helpText, inline, ...props }) {
-    return (
-        <>
-            <div
-                className={`mb-2 ${
-                    inline ? "form-check form-check-inline" : ""
-                }`.trim()}
-            >
-                <input
-                    id={id}
-                    className="form-check-input me-2"
-                    type="radio"
-                    {...props}
-                />
-                <label className="form-check-label" htmlFor={id}>
-                    {label}
-                    {helpText && (
-                        <div className="form-text">
-                            <small>{helpText}</small>
-                        </div>
-                    )}
-                </label>
-            </div>
-        </>
-    );
-}
+export default RadioSet;
--- a/src/bootstrap/Select.js
+++ b/src/bootstrap/Select.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";

@ -20,7 +21,7 @@ Select.propTypes = {
    helpText: PropTypes.string,
 };

-export function Select({ label, choices, helpText, ...props }) {
+function Select({ label, choices, helpText, ...props }) {
    const uid = useUID();

    const options = Object.keys(choices).map((choice) => (
@ -45,3 +46,5 @@ export function Select({ label, choices, helpText, ...props }) {
        </div>
    );
 }
+
+export default Select;
--- a/src/bootstrap/Spinner.css
+++ b/src/bootstrap/Spinner.css
@ -9,7 +9,7 @@
 .spinner-wrapper .spinner-border {
    width: 4rem;
    height: 4rem;
-    color: #00a2e2;
+    color: var(--bs-primary);
 }

 .spinner-fs-background {
--- a/src/bootstrap/Spinner.js
+++ b/src/bootstrap/Spinner.js
@ -6,6 +6,7 @@
 */

 import React from "react";
+
 import PropTypes from "prop-types";

 import "./Spinner.css";
--- a/src/bootstrap/Switch.js
+++ b/src/bootstrap/Switch.js
@ -1,11 +1,12 @@
 /*
- * Copyright (c) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (c) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";

@ -18,22 +19,21 @@ Switch.propTypes = {
    ]).isRequired,
    helpText: PropTypes.string,
    switchHeading: PropTypes.bool,
+    className: PropTypes.string,
 };

-export function Switch({ label, helpText, switchHeading, ...props }) {
+function Switch({ label, helpText, switchHeading, className, ...props }) {
    const uid = useUID();

    return (
        <div
-            className={`form-check form-switch mb-3 ${
-                switchHeading ? "d-flex align-items-center" : null
+            className={`form-check form-switch ${className || "mb-3"} ${
+                switchHeading ? "d-flex align-items-center" : ""
            }`.trim()}
        >
            <input
                type="checkbox"
-                className={`form-check-input ${
-                    switchHeading ? "me-2" : ""
-                }`.trim()}
+                className={`form-check-input ${switchHeading ? "me-2" : ""}`.trim()}
                role="switch"
                id={uid}
                {...props}
@ -49,3 +49,5 @@ export function Switch({ label, helpText, switchHeading, ...props }) {
        </div>
    );
 }
+
+export default Switch;
--- a/src/bootstrap/TextInput.js
+++ b/src/bootstrap/TextInput.js
@ -1,16 +1,19 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { Input } from "./Input";
+import Input from "./Input";

-export const TextInput = ({ ...props }) => <Input type="text" {...props} />;
+function TextInput({ ...props }) {
+    return <Input type="text" {...props} />;
+}

 TextInput.propTypes = {
    /** Field label. */
@ -20,3 +23,5 @@ TextInput.propTypes = {
    /** Help text message. */
    helpText: PropTypes.string,
 };
+
+export default TextInput;
--- a/src/bootstrap/ThreeDotsMenu.js
+++ b/src/bootstrap/ThreeDotsMenu.js
@ -0,0 +1,42 @@
+/*
+ * Copyright (C) 2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+
+import { faEllipsisVertical } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import PropTypes from "prop-types";
+
+import Button from "./Button";
+
+ThreeDotsMenu.propTypes = {
+    /** Menu items. */
+    children: PropTypes.arrayOf(PropTypes.node).isRequired,
+};
+
+function ThreeDotsMenu({ children, ...props }) {
+    return (
+        <div className="dropdown position-static" {...props}>
+            <Button
+                className="btn-sm btn-link text-body"
+                data-bs-toggle="dropdown"
+                aria-expanded="false"
+            >
+                <FontAwesomeIcon icon={faEllipsisVertical} />
+            </Button>
+            <ul className="dropdown-menu">
+                {children.map((child) => (
+                    <li key={child.key || child.props.id || Math.random()}>
+                        {child}
+                    </li>
+                ))}
+            </ul>
+        </div>
+    );
+}
+
+export default ThreeDotsMenu;
--- a/src/bootstrap/ThreeDotsMenu.md
+++ b/src/bootstrap/ThreeDotsMenu.md
@ -0,0 +1,40 @@
+ThreeDotsMenu Bootstrap component is a dropdown menu that appears when the user
+clicks on three dots. It is used to display a list of actions that can be
+performed on a particular item.
+
+```js
+import { useState } from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faEdit, faTrash } from "@fortawesome/free-solid-svg-icons";
+
+const threeDotsMenuItems = [
+    {
+        text: "Edit",
+        icon: faEdit,
+        onClick: () => {
+            alert("Edit clicked");
+        },
+    },
+    {
+        text: "Delete",
+        icon: faTrash,
+        onClick: () => {
+            alert("Delete clicked");
+        },
+    },
+];
+
+<ThreeDotsMenu>
+    {threeDotsMenuItems.map((item, index) => (
+        <button key={index} onClick={item.onClick} className="dropdown-item">
+            <FontAwesomeIcon
+                icon={item.icon}
+                className="me-1"
+                width="1rem"
+                size="sm"
+            />
+            {item.text}
+        </button>
+    ))}
+</ThreeDotsMenu>;
+```
--- a/src/bootstrap/tests/Button.test.js
+++ b/src/bootstrap/tests/Button.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { Button } from "../Button";
+import Button from "../Button";

 describe("<Button />", () => {
    it("Render button correctly", () => {
--- a/src/bootstrap/tests/CheckBox.test.js
+++ b/src/bootstrap/tests/CheckBox.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { CheckBox } from "../CheckBox";
+import CheckBox from "../CheckBox";

 describe("<Checkbox/>", () => {
    it("Render checkbox", () => {
--- a/src/bootstrap/tests/DownloadButton.test.js
+++ b/src/bootstrap/tests/DownloadButton.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { DownloadButton } from "../DownloadButton";
+import DownloadButton from "../DownloadButton";

 describe("<DownloadButton />", () => {
    it("should have download attribute", () => {
--- a/src/bootstrap/tests/NumberInput.test.js
+++ b/src/bootstrap/tests/NumberInput.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render, fireEvent, getByLabelText, wait } from "customTestRender";

-import { NumberInput } from "../NumberInput";
+import NumberInput from "../NumberInput";

 describe("<NumberInput/>", () => {
    const onChangeMock = jest.fn();
--- a/src/bootstrap/tests/PasswordInput.test.js
+++ b/src/bootstrap/tests/PasswordInput.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { PasswordInput } from "../PasswordInput";
+import PasswordInput from "../PasswordInput";

 describe("<PasswordInput/>", () => {
    it("Render password input", () => {
--- a/src/bootstrap/tests/RadioSet.test.js
+++ b/src/bootstrap/tests/RadioSet.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { RadioSet } from "../RadioSet";
+import RadioSet from "../RadioSet";

 const TEST_CHOICES = [
    {
--- a/src/bootstrap/tests/Select.test.js
+++ b/src/bootstrap/tests/Select.test.js
@ -14,7 +14,7 @@ import {
    render,
 } from "customTestRender";

-import { Select } from "../Select";
+import Select from "../Select";

 const TEST_CHOICES = {
    1: "one",
--- a/src/bootstrap/tests/Switch.test.js
+++ b/src/bootstrap/tests/Switch.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { Switch } from "../Switch";
+import Switch from "../Switch";

 describe("<Switch/>", () => {
    it("Render switch", () => {
--- a/src/bootstrap/tests/TextInput.test.js
+++ b/src/bootstrap/tests/TextInput.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { TextInput } from "../TextInput";
+import TextInput from "../TextInput";

 describe("<TextInput/>", () => {
    it("Render text input", () => {
--- a/src/bootstrap/tests/snapshots/NumberInput.test.js.snap
+++ b/src/bootstrap/tests/snapshots/NumberInput.test.js.snap
@ -25,7 +25,7 @@ exports[`<NumberInput/> Render number input 1`] = `
      type="button"
    >
      <i
-        class="fas fa-plus"
+        class="fa"
      />
    </button>
    <button
@ -34,7 +34,7 @@ exports[`<NumberInput/> Render number input 1`] = `
      type="button"
    >
      <i
-        class="fas fa-minus"
+        class="fa"
      />
    </button>
  </div>
--- a/src/bootstrap/tests/snapshots/RadioSet.test.js.snap
+++ b/src/bootstrap/tests/snapshots/RadioSet.test.js.snap
@ -11,7 +11,7 @@ exports[`<RadioSet/> Render radio set 1`] = `
    Radios set label
  </label>
  <div
-    class="mb-2"
+    class="mb-3"
  >
    <input
      checked=""
@ -29,7 +29,7 @@ exports[`<RadioSet/> Render radio set 1`] = `
    </label>
  </div>
  <div
-    class="mb-2"
+    class="mb-3"
  >
    <input
      class="form-check-input me-2"
@ -46,7 +46,7 @@ exports[`<RadioSet/> Render radio set 1`] = `
    </label>
  </div>
  <div
-    class="mb-2"
+    class="mb-3"
  >
    <input
      class="form-check-input me-2"
--- a/src/bootstrap/tests/snapshots/Switch.test.js.snap
+++ b/src/bootstrap/tests/snapshots/Switch.test.js.snap
@ -2,7 +2,7 @@

 exports[`<Switch/> Render switch 1`] = `
 <div
-  class="form-check form-switch mb-3 null"
+  class="form-check form-switch mb-3"
 >
  <input
    checked=""
@ -29,7 +29,7 @@ exports[`<Switch/> Render switch 1`] = `

 exports[`<Switch/> Render uncheked switch 1`] = `
 <div
-  class="form-check form-switch mb-3 null"
+  class="form-check form-switch mb-3"
 >
  <input
    class="form-check-input"
--- a/src/bootstrap/constants.js
+++ b/src/bootstrap/constants.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 /** Bootstrap column size for form fields */
-// eslint-disable-next-line import/prefer-default-export
-export const formFieldsSize = "card p-4 col-sm-12 col-lg-12 p-0 mb-4";
-export const buttonFormFieldsSize = "col-sm-12 col-lg-12 p-0 mb-3";
+const formFieldsSize = "card p-4 col-sm-12 col-lg-12 p-0 mb-4";
+const buttonFormFieldsSize = "col-sm-12 col-lg-12 p-0 mb-3";
+
+export { formFieldsSize, buttonFormFieldsSize };
--- a/src/common/ActionButtonWithModal/ActionButtonWithModal.js
+++ b/src/common/ActionButtonWithModal/ActionButtonWithModal.js
@ -0,0 +1,135 @@
+/*
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React, { useState, useEffect } from "react";
+
+import PropTypes from "prop-types";
+
+import { useAPIPost } from "../../api/hooks";
+import { API_STATE } from "../../api/utils";
+import Button from "../../bootstrap/Button";
+import {
+    Modal,
+    ModalHeader,
+    ModalBody,
+    ModalFooter,
+} from "../../bootstrap/Modal";
+import { useAlert } from "../../context/alertContext/AlertContext";
+
+ActionButtonWithModal.propTypes = {
+    /** Component that triggers the action. */
+    actionTrigger: PropTypes.elementType.isRequired,
+    /** URL to send the action to. */
+    actionUrl: PropTypes.string.isRequired,
+    /** Title of the modal. */
+    modalTitle: PropTypes.string.isRequired,
+    /** Message of the modal. */
+    modalMessage: PropTypes.string.isRequired,
+    /** Text of the action button in the modal. */
+    modalActionText: PropTypes.string,
+    /** Props for the action button in the modal. */
+    modalActionProps: PropTypes.object,
+    /** Message to display on successful action. */
+    successMessage: PropTypes.string,
+    /** Message to display on failed action. */
+    errorMessage: PropTypes.string,
+};
+
+function ActionButtonWithModal({
+    actionTrigger: ActionTriggerComponent,
+    actionUrl,
+    modalTitle,
+    modalMessage,
+    modalActionText,
+    modalActionProps,
+    successMessage,
+    errorMessage,
+}) {
+    const [triggered, setTriggered] = useState(false);
+    const [modalShown, setModalShown] = useState(false);
+    const [triggerActionStatus, triggerAction] = useAPIPost(actionUrl);
+
+    const [setAlert] = useAlert();
+    useEffect(() => {
+        if (triggerActionStatus.state === API_STATE.SUCCESS) {
+            setAlert(
+                successMessage || _("Action successful."),
+                API_STATE.SUCCESS
+            );
+        }
+        if (triggerActionStatus.state === API_STATE.ERROR) {
+            setAlert(errorMessage || _("Action failed."));
+        }
+    }, [triggerActionStatus, setAlert, successMessage, errorMessage]);
+
+    const actionHandler = () => {
+        setTriggered(true);
+        triggerAction();
+        setModalShown(false);
+    };
+
+    return (
+        <>
+            <ActionModal
+                shown={modalShown}
+                setShown={setModalShown}
+                onAction={actionHandler}
+                title={modalTitle}
+                message={modalMessage}
+                actionText={modalActionText}
+                actionProps={modalActionProps}
+            />
+            <ActionTriggerComponent
+                loading={triggered}
+                disabled={triggered}
+                onClick={() => setModalShown(true)}
+            />
+        </>
+    );
+}
+
+ActionModal.propTypes = {
+    shown: PropTypes.bool.isRequired,
+    setShown: PropTypes.func.isRequired,
+    onAction: PropTypes.func.isRequired,
+    title: PropTypes.string.isRequired,
+    message: PropTypes.string.isRequired,
+    actionText: PropTypes.string,
+    actionProps: PropTypes.object,
+};
+
+function ActionModal({
+    shown,
+    setShown,
+    onAction,
+    title,
+    message,
+    actionText,
+    actionProps,
+}) {
+    return (
+        <Modal shown={shown} setShown={setShown}>
+            <ModalHeader setShown={setShown} title={title} />
+            <ModalBody>
+                <p className="mb-0">{message}</p>
+            </ModalBody>
+            <ModalFooter>
+                <Button
+                    className="btn-secondary"
+                    onClick={() => setShown(false)}
+                >
+                    {_("Cancel")}
+                </Button>
+                <Button onClick={onAction} {...actionProps}>
+                    {actionText || _("Confirm")}
+                </Button>
+            </ModalFooter>
+        </Modal>
+    );
+}
+
+export default ActionButtonWithModal;
--- a/src/common/ActionButtonWithModal/ActionButtonWithModal.md
+++ b/src/common/ActionButtonWithModal/ActionButtonWithModal.md
@ -0,0 +1,39 @@
+RebootButton component is a button that opens a modal dialog to confirm the
+reboot of the device.
+
+## Usage
+
+```jsx
+import React, { useEffect, createContext } from "react";
+
+import Button from "../../bootstrap/Button";
+import { AlertContextProvider } from "../../context/alertContext/AlertContext";
+import ActionButtonWithModal from "./ActionButtonWithModal";
+
+window.AlertContext = React.createContext();
+
+const RebootButtonExample = () => {
+    const ActionButton = (props) => {
+        return <Button {...props}>Action</Button>;
+    };
+
+    return (
+        <AlertContextProvider>
+            <div id="modal-container" />
+            <div id="alert-container" />
+            <ActionButtonWithModal
+                actionTrigger={ActionButton}
+                actionUrl="/reforis/api/action"
+                modalTitle="Warning!"
+                modalMessage="Are you sure you want to perform this action?"
+                modalActionText="Confirm action"
+                modalActionProps={{ className: "btn-danger" }}
+                successMessage="Action request succeeded."
+                errorMessage="Action request failed."
+            />
+        </AlertContextProvider>
+    );
+};
+
+<RebootButtonExample />;
+```
--- a/src/common/RebootButton.js
+++ b/src/common/RebootButton.js
@ -1,78 +0,0 @@
-/*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
- *
- * This is free software, licensed under the GNU General Public License v3.
- * See /LICENSE for more information.
- */
-
-import React, { useState, useEffect } from "react";
-import PropTypes from "prop-types";
-
-import { useAPIPost } from "../api/hooks";
-import { API_STATE } from "../api/utils";
-import { ForisURLs } from "../utils/forisUrls";
-
-import { Button } from "../bootstrap/Button";
-import { Modal, ModalHeader, ModalBody, ModalFooter } from "../bootstrap/Modal";
-import { useAlert } from "../context/alertContext/AlertContext";
-
-export function RebootButton(props) {
-    const [triggered, setTriggered] = useState(false);
-    const [modalShown, setModalShown] = useState(false);
-    const [triggerRebootStatus, triggerReboot] = useAPIPost(ForisURLs.reboot);
-
-    const [setAlert] = useAlert();
-    useEffect(() => {
-        if (triggerRebootStatus.state === API_STATE.ERROR) {
-            setAlert(_("Reboot request failed."));
-        }
-    });
-
-    function rebootHandler() {
-        setTriggered(true);
-        triggerReboot();
-        setModalShown(false);
-    }
-
-    return (
-        <>
-            <RebootModal
-                shown={modalShown}
-                setShown={setModalShown}
-                onReboot={rebootHandler}
-            />
-            <Button
-                className="btn-danger"
-                loading={triggered}
-                disabled={triggered}
-                onClick={() => setModalShown(true)}
-                {...props}
-            >
-                {_("Reboot")}
-            </Button>
-        </>
-    );
-}
-
-RebootModal.propTypes = {
-    shown: PropTypes.bool.isRequired,
-    setShown: PropTypes.func.isRequired,
-    onReboot: PropTypes.func.isRequired,
-};
-
-function RebootModal({ shown, setShown, onReboot }) {
-    return (
-        <Modal shown={shown} setShown={setShown}>
-            <ModalHeader setShown={setShown} title={_("Warning!")} />
-            <ModalBody>
-                <p>{_("Are you sure you want to restart the router?")}</p>
-            </ModalBody>
-            <ModalFooter>
-                <Button onClick={() => setShown(false)}>{_("Cancel")}</Button>
-                <Button className="btn-danger" onClick={onReboot}>
-                    {_("Confirm reboot")}
-                </Button>
-            </ModalFooter>
-        </Modal>
-    );
-}
--- a/src/common/RichTable/RichTable.js
+++ b/src/common/RichTable/RichTable.js
@ -0,0 +1,84 @@
+/*
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React, { useMemo, useState } from "react";
+
+import {
+    flexRender,
+    getCoreRowModel,
+    getSortedRowModel,
+    getPaginationRowModel,
+    useReactTable,
+} from "@tanstack/react-table";
+import PropTypes from "prop-types";
+
+import RichTableBody from "./RichTableBody";
+import RichTableHeader from "./RichTableHeader";
+import RichTablePagination from "./RichTablePagination";
+
+const fallbackData = [];
+
+RichTable.propTypes = {
+    /** Columns to be displayed in the table */
+    columns: PropTypes.array.isRequired,
+    /** Data to be displayed in the table */
+    data: PropTypes.array.isRequired,
+    /** Whether to display pagination */
+    withPagination: PropTypes.bool,
+    /** Number of rows per page */
+    pageSize: PropTypes.number,
+    /** Index of the current page */
+    pageIndex: PropTypes.number,
+};
+
+function RichTable({
+    columns,
+    data,
+    withPagination,
+    pageSize = 5,
+    pageIndex = 0,
+}) {
+    const tableColumns = useMemo(() => columns, [columns]);
+    const [tableData] = useState(data ?? fallbackData);
+    const [sorting, setSorting] = useState([]);
+    const [pagination, setPagination] = useState({
+        pageIndex,
+        pageSize,
+    });
+
+    const table = useReactTable({
+        data: tableData,
+        columns: tableColumns,
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        onPaginationChange: setPagination,
+        onSortingChange: setSorting,
+        state: {
+            sorting,
+            pagination,
+        },
+    });
+
+    return (
+        <div className="table-responsive">
+            <table className="table table-hover text-nowrap">
+                <RichTableHeader table={table} flexRender={flexRender} />
+                <RichTableBody table={table} flexRender={flexRender} />
+            </table>
+            {withPagination && (
+                <RichTablePagination
+                    table={table}
+                    tablePageSize={pageSize}
+                    allRows={tableData.length}
+                />
+            )}
+        </div>
+    );
+}
+
+export default RichTable;
--- a/src/common/RichTable/RichTable.md
+++ b/src/common/RichTable/RichTable.md
@ -0,0 +1,135 @@
+### Description
+
+Rich Table is a table component based on
+[Tanstack React Table](https://tanstack.com/table/). It adds some features to
+the table component, such as:
+
+-   **Pagination**: The table can be paginated.
+-   **Sorting**: The table can be sorted by columns.
+-   **Row Expansion**: The table rows can be expanded. (To be implemented)
+
+### Example
+
+```js
+import RichTable from "./RichTable";
+
+const columns = [
+    {
+        header: "Name",
+        accessorKey: "name",
+    },
+    {
+        header: "Surname",
+        accessorKey: "surname",
+    },
+    {
+        header: "Age",
+        accessorKey: "age",
+    },
+    {
+        header: "Phone",
+        accessorKey: "phone",
+    },
+];
+
+const data = [
+    {
+        name: "John",
+        surname: "Coltrane",
+        age: 30,
+        phone: "123456789",
+    },
+    {
+        name: "Jane",
+        surname: "Doe",
+        age: 25,
+        phone: "987654321",
+    },
+    {
+        name: "Alice",
+        surname: "Smith",
+        age: 35,
+        phone: "123456789",
+    },
+    {
+        name: "Bob",
+        surname: "Smith",
+        age: 40,
+        phone: "987654321",
+    },
+    {
+        name: "Charlie",
+        surname: "Brown",
+        age: 45,
+        phone: "123456789",
+    },
+    {
+        name: "Daisy",
+        surname: "Brown",
+        age: 50,
+        phone: "987654321",
+    },
+    {
+        name: "Eve",
+        surname: "Johnson",
+        age: 55,
+        phone: "123456789",
+    },
+    {
+        name: "Frank",
+        surname: "Johnson",
+        age: 60,
+        phone: "987654321",
+    },
+    {
+        name: "Grace",
+        surname: "Williams",
+        age: 65,
+        phone: "123456789",
+    },
+    {
+        name: "Henry",
+        surname: "Williams",
+        age: 70,
+        phone: "987654321",
+    },
+    {
+        name: "Ivy",
+        surname: "Brown",
+        age: 75,
+        phone: "123456789",
+    },
+    {
+        name: "Jack",
+        surname: "Brown",
+        age: 80,
+        phone: "987654321",
+    },
+    {
+        name: "Kelly",
+        surname: "Johnson",
+        age: 85,
+        phone: "123456789",
+    },
+    {
+        name: "Liam",
+        surname: "Johnson",
+        age: 90,
+        phone: "987654321",
+    },
+    {
+        name: "Mia",
+        surname: "Williams",
+        age: 95,
+        phone: "123456789",
+    },
+    {
+        name: "Nathan",
+        surname: "Williams",
+        age: 100,
+        phone: "987654321",
+    },
+];
+
+<RichTable columns={columns} data={data} withPagination />;
+```
--- a/src/common/RichTable/RichTableBody.js
+++ b/src/common/RichTable/RichTableBody.js
@ -0,0 +1,48 @@
+/*
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+
+import propTypes from "prop-types";
+
+RichTableBody.propTypes = {
+    table: propTypes.shape({
+        getRowModel: propTypes.func.isRequired,
+    }).isRequired,
+    flexRender: propTypes.func.isRequired,
+};
+
+function RichTableBody({ table, flexRender }) {
+    return (
+        <tbody>
+            {table.getRowModel().rows.map((row) => {
+                return (
+                    <tr key={row.id} className="align-middle">
+                        {row.getVisibleCells().map((cell) => {
+                            return (
+                                <td
+                                    key={cell.id}
+                                    {...(cell.column.columnDef.className && {
+                                        className:
+                                            cell.column.columnDef.className,
+                                    })}
+                                >
+                                    {flexRender(
+                                        cell.column.columnDef.cell,
+                                        cell.getContext()
+                                    )}
+                                </td>
+                            );
+                        })}
+                    </tr>
+                );
+            })}
+        </tbody>
+    );
+}
+
+export default RichTableBody;
--- a/src/common/RichTable/RichTableHeader.js
+++ b/src/common/RichTable/RichTableHeader.js
@ -0,0 +1,96 @@
+/*
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+
+import {
+    faSquareCaretUp,
+    faSquareCaretDown,
+} from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import propTypes from "prop-types";
+
+RichTableHeader.propTypes = {
+    table: propTypes.shape({
+        getHeaderGroups: propTypes.func.isRequired,
+    }).isRequired,
+    flexRender: propTypes.func.isRequired,
+};
+
+function RichTableHeader({ table, flexRender }) {
+    const getThTitle = (header) => {
+        if (!header.column.getCanSort()) return undefined;
+
+        const nextSortingOrder = header.column.getNextSortingOrder();
+        if (nextSortingOrder === "asc") return _("Sort ascending");
+        if (nextSortingOrder === "desc") return _("Sort descending");
+        return _("Clear sort");
+    };
+
+    return (
+        <thead className="thead-light">
+            {table.getHeaderGroups().map((headerGroup) => (
+                <tr key={headerGroup.id} role="row">
+                    {headerGroup.headers.map((header) => (
+                        <th
+                            key={header.id}
+                            colSpan={header.colSpan}
+                            {...(header.column.columnDef.headerClassName && {
+                                className:
+                                    header.column.columnDef.headerClassName,
+                            })}
+                        >
+                            {header.isPlaceholder ||
+                            header.column.columnDef.headerIsHidden ? (
+                                <div className="d-none" aria-hidden="true">
+                                    {flexRender(
+                                        header.column.columnDef.header,
+                                        header.getContext()
+                                    )}
+                                </div>
+                            ) : (
+                                <button
+                                    type="button"
+                                    className={`btn btn-link text-decoration-none text-reset fw-bold p-0 d-flex align-items-center
+                                                    ${
+                                                        header.column.getCanSort()
+                                                            ? "d-flex align-items-center"
+                                                            : ""
+                                                    }
+                                                `}
+                                    onClick={header.column.getToggleSortingHandler()}
+                                    title={getThTitle(header)}
+                                >
+                                    {flexRender(
+                                        header.column.columnDef.header,
+                                        header.getContext()
+                                    )}
+                                    {{
+                                        asc: (
+                                            <FontAwesomeIcon
+                                                icon={faSquareCaretUp}
+                                                className="ms-1 text-primary"
+                                            />
+                                        ),
+                                        desc: (
+                                            <FontAwesomeIcon
+                                                icon={faSquareCaretDown}
+                                                className="ms-1 text-primary"
+                                            />
+                                        ),
+                                    }[header.column.getIsSorted()] ?? null}
+                                </button>
+                            )}
+                        </th>
+                    ))}
+                </tr>
+            ))}
+        </thead>
+    );
+}
+
+export default RichTableHeader;
--- a/src/common/RichTable/RichTablePagination.js
+++ b/src/common/RichTable/RichTablePagination.js
@ -0,0 +1,128 @@
+/*
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React, { useMemo } from "react";
+
+import {
+    faAngleLeft,
+    faAnglesLeft,
+    faAngleRight,
+    faAnglesRight,
+} from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import propTypes from "prop-types";
+
+RichTablePagination.propTypes = {
+    table: propTypes.shape({
+        getState: propTypes.func.isRequired,
+        getCanPreviousPage: propTypes.func.isRequired,
+        getCanNextPage: propTypes.func.isRequired,
+        firstPage: propTypes.func.isRequired,
+        previousPage: propTypes.func.isRequired,
+        nextPage: propTypes.func.isRequired,
+        lastPage: propTypes.func.isRequired,
+        setPageSize: propTypes.func.isRequired,
+        getPageCount: propTypes.func.isRequired,
+    }).isRequired,
+    tablePageSize: propTypes.number,
+    allRows: propTypes.number,
+};
+
+function RichTablePagination({ table, tablePageSize, allRows }) {
+    const { pagination } = table.getState();
+    const prevPagBtnDisabled = !table.getCanPreviousPage();
+    const nextPagBtnDisabled = !table.getCanNextPage();
+
+    const pageSizes = useMemo(() => {
+        return [tablePageSize ?? 5, 10, 25].filter(
+            (value, index, self) => self.indexOf(value) === index
+        );
+    }, [tablePageSize]);
+
+    const renderPaginationButton = (icon, ariaLabel, onClick, disabled) => (
+        <li
+            className={`page-item ${disabled ? "disabled" : ""}`}
+            style={{ cursor: disabled ? "not-allowed" : "pointer" }}
+        >
+            <button
+                type="button"
+                className="page-link"
+                aria-label={ariaLabel}
+                onClick={onClick}
+                disabled={disabled}
+            >
+                <FontAwesomeIcon icon={icon} />
+            </button>
+        </li>
+    );
+
+    return (
+        <nav
+            aria-label={_("Pagination navigation bar")}
+            className="d-flex gap-2 justify-content-start align-items-center mx-2 mb-1 text-nowrap"
+        >
+            <ul className="pagination pagination-sm mb-0">
+                {renderPaginationButton(
+                    faAnglesLeft,
+                    _("First page"),
+                    () => table.firstPage(),
+                    prevPagBtnDisabled
+                )}
+                {renderPaginationButton(
+                    faAngleLeft,
+                    _("Previous page"),
+                    () => table.previousPage(),
+                    prevPagBtnDisabled
+                )}
+                {renderPaginationButton(
+                    faAngleRight,
+                    _("Next page"),
+                    () => table.nextPage(),
+                    nextPagBtnDisabled
+                )}
+                {renderPaginationButton(
+                    faAnglesRight,
+                    _("Last page"),
+                    () => table.lastPage(),
+                    nextPagBtnDisabled
+                )}
+            </ul>
+            <span>
+                {_("Page")}&nbsp;
+                <span className="fw-bold">
+                    {pagination.pageIndex + 1}
+                    &nbsp;{_("of")}&nbsp;
+                    {table.getPageCount().toLocaleString()}
+                </span>
+            </span>
+            <div
+                className="vr mx-1 align-self-center"
+                style={{ height: "1.5rem" }}
+            />
+            <span>{_("Rows per page:")}</span>
+            <select
+                className="form-select form-select-sm w-auto"
+                aria-label={_("Select rows per page")}
+                value={pagination.pageSize}
+                onChange={(e) => {
+                    table.setPageSize(Number(e.target.value));
+                }}
+            >
+                {pageSizes.map((pageSize) => (
+                    <option key={pageSize} value={pageSize}>
+                        {pageSize}
+                    </option>
+                ))}
+                <option key={allRows} value={allRows}>
+                    {_("All")}
+                </option>
+            </select>
+        </nav>
+    );
+}
+
+export default RichTablePagination;
--- a/src/common/WiFiSettings/ResetWiFiSettings.js
+++ b/src/common/WiFiSettings/ResetWiFiSettings.js
@ -1,26 +1,27 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React, { useEffect, useState } from "react";
+
 import PropTypes from "prop-types";

-import { Button } from "../../bootstrap/Button";
-import { useAlert } from "../../context/alertContext/AlertContext";
-import { ALERT_TYPES } from "../../bootstrap/Alert";
 import { useAPIPost } from "../../api/hooks";
 import { API_STATE } from "../../api/utils";
+import { ALERT_TYPES } from "../../bootstrap/Alert";
+import Button from "../../bootstrap/Button";
 import { formFieldsSize } from "../../bootstrap/constants";
+import { useAlert } from "../../context/alertContext/AlertContext";

 ResetWiFiSettings.propTypes = {
    ws: PropTypes.object.isRequired,
    endpoint: PropTypes.string.isRequired,
 };

-export function ResetWiFiSettings({ ws, endpoint }) {
+function ResetWiFiSettings({ ws, endpoint }) {
    const [isLoading, setIsLoading] = useState(false);

    useEffect(() => {
@ -44,11 +45,11 @@ export function ResetWiFiSettings({ ws, endpoint }) {
        }
    }, [postResetResponse, setAlert]);

-    function onReset() {
+    const onReset = () => {
        dismissAlert();
        setIsLoading(true);
        postReset();
-    }
+    };

    return (
        <div className={formFieldsSize}>
@ -72,3 +73,5 @@ export function ResetWiFiSettings({ ws, endpoint }) {
        </div>
    );
 }
+
+export default ResetWiFiSettings;
--- a/src/common/WiFiSettings/WiFiForm.js
+++ b/src/common/WiFiSettings/WiFiForm.js
@ -6,15 +6,17 @@
 */

 import React from "react";
+
 import PropTypes from "prop-types";
-import { Switch } from "../../bootstrap/Switch";
-import { PasswordInput } from "../../bootstrap/PasswordInput";
-import { RadioSet } from "../../bootstrap/RadioSet";
-import { Select } from "../../bootstrap/Select";
-import { TextInput } from "../../bootstrap/TextInput";
-import WiFiQRCode from "./WiFiQRCode";
-import WifiGuestForm from "./WiFiGuestForm";
+
 import { HELP_TEXTS, HTMODES, HWMODES, ENCRYPTIONMODES } from "./constants";
+import WifiGuestForm from "./WiFiGuestForm";
+import WiFiQRCode from "./WiFiQRCode";
+import PasswordInput from "../../bootstrap/PasswordInput";
+import RadioSet from "../../bootstrap/RadioSet";
+import Select from "../../bootstrap/Select";
+import Switch from "../../bootstrap/Switch";
+import TextInput from "../../bootstrap/TextInput";

 WiFiForm.propTypes = {
    formData: PropTypes.shape({ devices: PropTypes.arrayOf(PropTypes.object) })
@ -267,8 +269,8 @@ function getChannelChoices(device) {
            channelChoices[availableChannel.number.toString()] = `
                        ${availableChannel.number}
                        (${availableChannel.frequency} MHz ${
-                availableChannel.radar ? " ,DFS" : ""
-            })
+                            availableChannel.radar ? " ,DFS" : ""
+                        })
                    `;
        });
    });
--- a/src/common/WiFiSettings/WiFiGuestForm.js
+++ b/src/common/WiFiSettings/WiFiGuestForm.js
@ -1,18 +1,19 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { TextInput } from "../../bootstrap/TextInput";
-import { Switch } from "../../bootstrap/Switch";
-import { PasswordInput } from "../../bootstrap/PasswordInput";
-import WiFiQRCode from "./WiFiQRCode";
 import { HELP_TEXTS } from "./constants";
+import WiFiQRCode from "./WiFiQRCode";
+import PasswordInput from "../../bootstrap/PasswordInput";
+import Switch from "../../bootstrap/Switch";
+import TextInput from "../../bootstrap/TextInput";

 WifiGuestForm.propTypes = {
    formData: PropTypes.shape({
@ -67,14 +68,11 @@ export default function WifiGuestForm({
                        }))}
                        {...props}
                    >
-                        <div className="input-group-append">
-                            <WiFiQRCode
-                                SSID={formData.SSID}
-                                password={formData.password}
-                            />
-                        </div>
+                        <WiFiQRCode
+                            SSID={formData.SSID}
+                            password={formData.password}
+                        />
                    </TextInput>
-
                    <PasswordInput
                        withEye
                        label={_("Password")}
--- a/src/common/WiFiSettings/WiFiQRCode.js
+++ b/src/common/WiFiSettings/WiFiQRCode.js
@ -1,31 +1,30 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React, { useState } from "react";
-import QRCode from "qrcode.react";
-import PropTypes from "prop-types";

-import { ForisURLs } from "../../utils/forisUrls";
-import { Button } from "../../bootstrap/Button";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import PropTypes from "prop-types";
+import QRCode from "qrcode.react";
+
+import { createAndDownloadPdf, toQRCodeContent } from "./qrCodeHelpers";
+import Button from "../../bootstrap/Button";
 import {
    Modal,
    ModalBody,
    ModalFooter,
    ModalHeader,
 } from "../../bootstrap/Modal";
-import { createAndDownloadPdf, toQRCodeContent } from "./qrCodeHelpers";

 WiFiQRCode.propTypes = {
    SSID: PropTypes.string.isRequired,
    password: PropTypes.string.isRequired,
 };

-const QR_ICON_PATH = `${ForisURLs.static}/imgs/QR_icon.svg`;
-
 export default function WiFiQRCode({ SSID, password }) {
    const [modal, setModal] = useState(false);

@ -39,11 +38,11 @@ export default function WiFiQRCode({ SSID, password }) {
                    setModal(true);
                }}
            >
-                <img
-                    width="20"
-                    src={QR_ICON_PATH}
-                    alt="QR"
-                    style={{ opacity: 0.67 }}
+                <FontAwesomeIcon
+                    icon="fa-solid fa-qrcode"
+                    title={_("Show QR code")}
+                    aria-label={_("Show QR code")}
+                    className="text-secondary"
                />
            </button>
            {modal ? (
@ -71,23 +70,35 @@ function QRCodeModal({ shown, setShown, SSID, password }) {
            <ModalHeader setShown={setShown} title={_("Wi-Fi QR Code")} />
            <ModalBody>
                <QRCode
+                    className="d-block mx-auto img-logo-black"
                    renderAs="svg"
                    value={toQRCodeContent(SSID, password)}
                    level="M"
                    size={350}
                    includeMargin
-                    style={{ display: "block", margin: "auto" }}
                />
            </ModalBody>
            <ModalFooter>
                <Button
-                    className="btn-outline-primary"
+                    className="btn-secondary"
+                    onClick={(e) => {
+                        e.preventDefault();
+                        setShown(false);
+                    }}
+                >
+                    {_("Close")}
+                </Button>
+                <Button
+                    className="btn-primary"
                    onClick={(e) => {
                        e.preventDefault();
                        createAndDownloadPdf(SSID, password);
                    }}
                >
-                    <i className="fas fa-file-download me-2" />
+                    <FontAwesomeIcon
+                        icon="fa-solid fa-file-download"
+                        className="me-2"
+                    />
                    {_("Download PDF")}
                </Button>
            </ModalFooter>
--- a/src/common/WiFiSettings/WiFiSettings.js
+++ b/src/common/WiFiSettings/WiFiSettings.js
@ -1,16 +1,17 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { ForisForm } from "../../form/components/ForisForm";
+import ResetWiFiSettings from "./ResetWiFiSettings";
 import WiFiForm from "./WiFiForm";
-import { ResetWiFiSettings } from "./ResetWiFiSettings";
+import ForisForm from "../../form/components/ForisForm";

 WiFiSettings.propTypes = {
    ws: PropTypes.object.isRequired,
@ -19,7 +20,7 @@ WiFiSettings.propTypes = {
    hasGuestNetwork: PropTypes.bool,
 };

-export function WiFiSettings({ ws, endpoint, resetEndpoint, hasGuestNetwork }) {
+function WiFiSettings({ ws, endpoint, resetEndpoint, hasGuestNetwork }) {
    return (
        <>
            <ForisForm
@ -117,3 +118,5 @@ export function validator(formData) {
    });
    return JSON.stringify(formErrors).match(/\[[{},?]+\]/) ? null : formErrors;
 }
+
+export default WiFiSettings;
--- a/src/common/WiFiSettings/tests/ResetWiFiSettings.test.js
+++ b/src/common/WiFiSettings/tests/ResetWiFiSettings.test.js
@ -9,12 +9,12 @@ import React from "react";
 import { render, fireEvent, wait } from "customTestRender";

 import mockAxios from "jest-mock-axios";
-import { WebSockets } from "webSockets/WebSockets";
+import WebSockets from "webSockets/WebSockets";
 import { mockJSONError } from "testUtils/network";
 import { mockSetAlert } from "testUtils/alertContextMock";
 import { ALERT_TYPES } from "../../../bootstrap/Alert";

-import { ResetWiFiSettings } from "../ResetWiFiSettings";
+import ResetWiFiSettings from "../ResetWiFiSettings";

 describe("<ResetWiFiSettings/>", () => {
    const webSockets = new WebSockets();
--- a/src/common/WiFiSettings/tests/WiFiSettings.test.js
+++ b/src/common/WiFiSettings/tests/WiFiSettings.test.js
@ -10,7 +10,7 @@ import diffSnapshot from "snapshot-diff";
 import mockAxios from "jest-mock-axios";

 import { fireEvent, render, wait } from "customTestRender";
-import { WebSockets } from "webSockets/WebSockets";
+import WebSockets from "webSockets/WebSockets";
 import { mockJSONError } from "testUtils/network";

 import {
@ -19,7 +19,7 @@ import {
    twoDevices,
    threeDevices,
 } from "./__fixtures__/wifiSettings";
-import { WiFiSettings, validator, byteCount } from "../WiFiSettings";
+import WiFiSettings, { validator, byteCount } from "../WiFiSettings";

 describe("<WiFiSettings/>", () => {
    let firstRender;
--- a/src/common/WiFiSettings/tests/snapshots/WiFiSettings.test.js.snap
+++ b/src/common/WiFiSettings/tests/snapshots/WiFiSettings.test.js.snap
@ -5,14 +5,14 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 - First value
 + Second value

-@@ -243,207 +243,95 @@
-              value=\\"0\\"
+@@ -240,207 +240,95 @@
+              value="0"
            >
              auto
            </option>
            <option
-             value=\\"36\\"
-+             value=\\"1\\"
+-             value="36"
+             value="1"
            >
              
 -                         36
@ -22,8 +22,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"40\\"
-+             value=\\"2\\"
+-             value="40"
+             value="2"
            >
              
 -                         40
@ -33,8 +33,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"44\\"
-+             value=\\"3\\"
+-             value="44"
+             value="3"
            >
              
 -                         44
@ -44,7 +44,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"48\\"
+-             value="48"
 -           >
 -             
 -                         48
@ -52,7 +52,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"52\\"
+-             value="52"
 -           >
 -             
 -                         52
@ -60,7 +60,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"56\\"
+-             value="56"
 -           >
 -             
 -                         56
@ -68,8 +68,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"60\\"
-+             value=\\"4\\"
+-             value="60"
+             value="4"
            >
              
 -                         60
@ -79,8 +79,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"64\\"
-+             value=\\"5\\"
+-             value="64"
+             value="5"
            >
              
 -                         64
@ -90,8 +90,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"100\\"
-+             value=\\"6\\"
+-             value="100"
+             value="6"
            >
              
 -                         100
@ -101,8 +101,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"104\\"
-+             value=\\"7\\"
+-             value="104"
+             value="7"
            >
              
 -                         104
@ -112,8 +112,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"108\\"
-+             value=\\"8\\"
+-             value="108"
+             value="8"
            >
              
 -                         108
@ -123,8 +123,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"112\\"
-+             value=\\"9\\"
+-             value="112"
+             value="9"
            >
              
 -                         112
@ -134,8 +134,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"116\\"
-+             value=\\"10\\"
+-             value="116"
+             value="10"
            >
              
 -                         116
@ -145,8 +145,8 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
                      
            </option>
            <option
-             value=\\"120\\"
-+             value=\\"11\\"
+-             value="120"
+             value="11"
            >
              
 -                         120
@ -154,7 +154,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"124\\"
+-             value="124"
 -           >
 -             
 -                         124
@ -162,7 +162,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"128\\"
+-             value="128"
 -           >
 -             
 -                         128
@ -170,7 +170,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"132\\"
+-             value="132"
 -           >
 -             
 -                         132
@ -178,7 +178,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"136\\"
+-             value="136"
 -           >
 -             
 -                         136
@ -186,7 +186,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"140\\"
+-             value="140"
 -           >
 -             
 -                         140
@ -194,7 +194,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"144\\"
+-             value="144"
 -           >
 -             
 -                         144
@ -202,7 +202,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"149\\"
+-             value="149"
 -           >
 -             
 -                         149
@ -210,7 +210,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"153\\"
+-             value="153"
 -           >
 -             
 -                         153
@ -218,7 +218,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"157\\"
+-             value="157"
 -           >
 -             
 -                         157
@ -226,7 +226,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"161\\"
+-             value="161"
 -           >
 -             
 -                         161
@ -234,7 +234,7 @@ exports[`<WiFiSettings/> Snapshot 2.4 GHz 1`] = `
 -                     
 -           </option>
 -           <option
-             value=\\"165\\"
+-             value="165"
 -           >
 -             
 -                         165
@ -339,48 +339,41 @@ exports[`<WiFiSettings/> Snapshot guest network. 1`] = `
 - First value
 + Second value

-@@ -527,10 +527,94 @@
+@@ -524,10 +524,87 @@
            <small>
              Enables Wi-Fi for guests, which is separated from LAN network. Devices connected to this network are allowed to access the internet, but aren't allowed to access other devices and the configuration interface of the router. Parameters of the guest network can be set in the Guest network tab.
            </small>
          </div>
        </div>
 +       <div
-+         class=\\"mb-3\\"
+         class="mb-3"
 +       >
 +         <label
-+           class=\\"form-label\\"
-+           for=\\"24\\"
+           class="form-label"
+           for="12"
 +         >
 +           SSID
 +         </label>
 +         <div
-+           class=\\"input-group\\"
+           class="input-group"
 +         >
 +           <input
-+             class=\\"form-control\\"
-+             id=\\"24\\"
-+             type=\\"text\\"
-+             value=\\"TestGuestSSID\\"
+             class="form-control"
+             id="12"
+             type="text"
+             value="TestGuestSSID"
 +           />
-+           <div
-+             class=\\"input-group-append\\"
+           <button
+             class="input-group-text"
+             type="button"
 +           >
-+             <button
-+               class=\\"input-group-text\\"
-+               type=\\"button\\"
-+             >
-+               <img
-+                 alt=\\"QR\\"
-+                 src=\\"/reforis/static/reforis/imgs/QR_icon.svg\\"
-+                 style=\\"opacity: 0.67;\\"
-+                 width=\\"20\\"
-+               />
-+             </button>
-+           </div>
+             <i
+               class="fa"
+             />
+           </button>
 +         </div>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             SSID which contains non-standard characters could cause problems on some devices.
@ -388,41 +381,41 @@ exports[`<WiFiSettings/> Snapshot guest network. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class=\\"mb-3\\"
+         class="mb-3"
 +       >
 +         <label
-+           class=\\"form-label\\"
-+           for=\\"25\\"
+           class="form-label"
+           for="13"
 +         >
 +           Password
 +         </label>
 +         <div
-+           class=\\"input-group\\"
+           class="input-group"
 +         >
 +           <input
-+             autocomplete=\\"current-password\\"
-+             class=\\"form-control is-invalid\\"
-+             id=\\"25\\"
-+             required=\\"\\"
-+             type=\\"password\\"
-+             value=\\"\\"
+             autocomplete="current-password"
+             class="form-control is-invalid"
+             id="13"
+             required=""
+             type="password"
+             value=""
 +           />
 +           <button
-+             class=\\"input-group-text\\"
-+             type=\\"button\\"
+             class="input-group-text"
+             type="button"
 +           >
 +             <i
-+               class=\\"fa fa-eye\\"
+               class="fa"
 +             />
 +           </button>
 +         </div>
 +         <div
-+           class=\\"invalid-feedback\\"
+           class="invalid-feedback"
 +         >
 +           Password must contain at least 8 symbols
 +         </div>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             WPA2/3 pre-shared key, that is required to connect to the network.
@ -431,17 +424,17 @@ exports[`<WiFiSettings/> Snapshot guest network. 1`] = `
 +       </div>
        <hr />
        <div
-          class=\\"form-check form-switch mb-3 d-flex align-items-center\\"
+          class="form-check form-switch mb-3 d-flex align-items-center"
        >
          <input
-@@ -553,10 +637,11 @@
+@@ -550,10 +627,11 @@
        <div
-          class=\\"text-end\\"
+          class="text-end"
        >
          <button
-            class=\\"btn btn-primary col-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center\\"
-+           disabled=\\"\\"
-            type=\\"submit\\"
+            class="btn btn-primary col-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
+           disabled=""
+            type="submit"
          >
            <span>
              Save
@ -453,45 +446,42 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 - First value
 + Second value

-@@ -21,10 +21,516 @@
+@@ -21,10 +21,513 @@
            >
              Wi-Fi 1
            </h2>
          </label>
        </div>
 +       <div
-+         class=\\"mb-3\\"
+         class="mb-3"
 +       >
 +         <label
-+           class=\\"form-label\\"
-+           for=\\"4\\"
+           class="form-label"
+           for="3"
 +         >
 +           SSID
 +         </label>
 +         <div
-+           class=\\"input-group\\"
+           class="input-group"
 +         >
 +           <input
-+             class=\\"form-control\\"
-+             id=\\"4\\"
-+             required=\\"\\"
-+             type=\\"text\\"
-+             value=\\"TestSSID1\\"
+             class="form-control"
+             id="3"
+             required=""
+             type="text"
+             value="TestSSID1"
 +           />
 +           <button
-+             class=\\"input-group-text\\"
-+             type=\\"button\\"
+             class="input-group-text"
+             type="button"
 +           >
-+             <img
-+               alt=\\"QR\\"
-+               src=\\"/reforis/static/reforis/imgs/QR_icon.svg\\"
-+               style=\\"opacity: 0.67;\\"
-+               width=\\"20\\"
+             <i
+               class="fa"
 +             />
 +           </button>
 +         </div>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             SSID which contains non-standard characters could cause problems on some devices.
@ -499,36 +489,36 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class=\\"mb-3\\"
+         class="mb-3"
 +       >
 +         <label
-+           class=\\"form-label\\"
-+           for=\\"5\\"
+           class="form-label"
+           for="4"
 +         >
 +           Password
 +         </label>
 +         <div
-+           class=\\"input-group\\"
+           class="input-group"
 +         >
 +           <input
-+             autocomplete=\\"current-password\\"
-+             class=\\"form-control\\"
-+             id=\\"5\\"
-+             required=\\"\\"
-+             type=\\"password\\"
-+             value=\\"TestPass\\"
+             autocomplete="current-password"
+             class="form-control"
+             id="4"
+             required=""
+             type="password"
+             value="TestPass"
 +           />
 +           <button
-+             class=\\"input-group-text\\"
-+             type=\\"button\\"
+             class="input-group-text"
+             type="button"
 +           >
 +             <i
-+               class=\\"fa fa-eye\\"
+               class="fa"
 +             />
 +           </button>
 +         </div>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             WPA2/3 pre-shared key, that is required to connect to the network.
@ -536,22 +526,22 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class=\\"form-check form-switch mb-3 null\\"
+         class="form-check form-switch mb-3"
 +       >
 +         <input
-+           class=\\"form-check-input\\"
-+           id=\\"6\\"
-+           role=\\"switch\\"
-+           type=\\"checkbox\\"
+           class="form-check-input"
+           id="5"
+           role="switch"
+           type="checkbox"
 +         />
 +         <label
-+           class=\\"form-check-label\\"
-+           for=\\"6\\"
+           class="form-check-label"
+           for="5"
 +         >
 +           Hide SSID
 +         </label>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             If set, network is not visible when scanning for available networks.
@ -559,51 +549,51 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class=\\"mb-3\\"
+         class="mb-3"
 +       >
 +         <label
-+           class=\\"d-block\\"
-+           for=\\"7\\"
+           class="d-block"
+           for="6"
 +         >
 +           GHz
 +         </label>
 +         <div
-+           class=\\"mb-2 form-check form-check-inline\\"
+           class="mb-3 form-check form-check-inline"
 +         >
 +           <input
-+             class=\\"form-check-input me-2\\"
-+             id=\\"hwmode-0-0\\"
-+             name=\\"hwmode-0\\"
-+             type=\\"radio\\"
-+             value=\\"11g\\"
+             class="form-check-input me-2"
+             id="hwmode-0-0"
+             name="hwmode-0"
+             type="radio"
+             value="11g"
 +           />
 +           <label
-+             class=\\"form-check-label\\"
-+             for=\\"hwmode-0-0\\"
+             class="form-check-label"
+             for="hwmode-0-0"
 +           >
 +             2.4
 +           </label>
 +         </div>
 +         <div
-+           class=\\"mb-2 form-check form-check-inline\\"
+           class="mb-3 form-check form-check-inline"
 +         >
 +           <input
-+             checked=\\"\\"
-+             class=\\"form-check-input me-2\\"
-+             id=\\"hwmode-0-1\\"
-+             name=\\"hwmode-0\\"
-+             type=\\"radio\\"
-+             value=\\"11a\\"
+             checked=""
+             class="form-check-input me-2"
+             id="hwmode-0-1"
+             name="hwmode-0"
+             type="radio"
+             value="11a"
 +           />
 +           <label
-+             class=\\"form-check-label\\"
-+             for=\\"hwmode-0-1\\"
+             class="form-check-label"
+             for="hwmode-0-1"
 +           >
 +             5
 +           </label>
 +         </div>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             The 2.4 GHz band is more widely supported by clients, but tends to have more interference. The 5 GHz band is a newer standard and may not be supported by all your devices. It usually has less interference, but the signal does not carry so well indoors.
@ -611,51 +601,51 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class=\\"mb-3\\"
+         class="mb-3"
 +       >
 +         <label
-+           class=\\"form-label\\"
-+           for=\\"8\\"
+           class="form-label"
+           for="7"
 +         >
 +           802.11n/ac/ax mode
 +         </label>
 +         <select
-+           class=\\"form-select\\"
-+           id=\\"8\\"
+           class="form-select"
+           id="7"
 +         >
 +           <option
-+             value=\\"NOHT\\"
+             value="NOHT"
 +           >
 +             Disabled
 +           </option>
 +           <option
-+             value=\\"HT20\\"
+             value="HT20"
 +           >
 +             802.11n - 20 MHz wide channel
 +           </option>
 +           <option
-+             value=\\"HT40\\"
+             value="HT40"
 +           >
 +             802.11n - 40 MHz wide channel
 +           </option>
 +           <option
-+             value=\\"VHT20\\"
+             value="VHT20"
 +           >
 +             802.11ac - 20 MHz wide channel
 +           </option>
 +           <option
-+             value=\\"VHT40\\"
+             value="VHT40"
 +           >
 +             802.11ac - 40 MHz wide channel
 +           </option>
 +           <option
-+             value=\\"VHT80\\"
+             value="VHT80"
 +           >
 +             802.11ac - 80 MHz wide channel
 +           </option>
 +         </select>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 MHz wide channels can yield higher throughput but can cause more interference in the network. If you don't know what to choose, use the default option with 20 MHz wide channel.
@ -663,25 +653,25 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class=\\"mb-3\\"
+         class="mb-3"
 +       >
 +         <label
-+           class=\\"form-label\\"
-+           for=\\"9\\"
+           class="form-label"
+           for="8"
 +         >
 +           Channel
 +         </label>
 +         <select
-+           class=\\"form-select\\"
-+           id=\\"9\\"
+           class="form-select"
+           id="8"
 +         >
 +           <option
-+             value=\\"0\\"
+             value="0"
 +           >
 +             auto
 +           </option>
 +           <option
-+             value=\\"36\\"
+             value="36"
 +           >
 +             
 +                         36
@ -689,7 +679,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"40\\"
+             value="40"
 +           >
 +             
 +                         40
@ -697,7 +687,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"44\\"
+             value="44"
 +           >
 +             
 +                         44
@ -705,7 +695,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"48\\"
+             value="48"
 +           >
 +             
 +                         48
@ -713,7 +703,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"52\\"
+             value="52"
 +           >
 +             
 +                         52
@ -721,7 +711,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"56\\"
+             value="56"
 +           >
 +             
 +                         56
@ -729,7 +719,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"60\\"
+             value="60"
 +           >
 +             
 +                         60
@ -737,7 +727,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"64\\"
+             value="64"
 +           >
 +             
 +                         64
@ -745,7 +735,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"100\\"
+             value="100"
 +           >
 +             
 +                         100
@ -753,7 +743,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"104\\"
+             value="104"
 +           >
 +             
 +                         104
@ -761,7 +751,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"108\\"
+             value="108"
 +           >
 +             
 +                         108
@ -769,7 +759,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"112\\"
+             value="112"
 +           >
 +             
 +                         112
@ -777,7 +767,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"116\\"
+             value="116"
 +           >
 +             
 +                         116
@ -785,7 +775,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"120\\"
+             value="120"
 +           >
 +             
 +                         120
@ -793,7 +783,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"124\\"
+             value="124"
 +           >
 +             
 +                         124
@ -801,7 +791,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"128\\"
+             value="128"
 +           >
 +             
 +                         128
@ -809,7 +799,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"132\\"
+             value="132"
 +           >
 +             
 +                         132
@ -817,7 +807,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"136\\"
+             value="136"
 +           >
 +             
 +                         136
@ -825,7 +815,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"140\\"
+             value="140"
 +           >
 +             
 +                         140
@ -833,7 +823,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"144\\"
+             value="144"
 +           >
 +             
 +                         144
@ -841,7 +831,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"149\\"
+             value="149"
 +           >
 +             
 +                         149
@ -849,7 +839,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"153\\"
+             value="153"
 +           >
 +             
 +                         153
@ -857,7 +847,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"157\\"
+             value="157"
 +           >
 +             
 +                         157
@ -865,7 +855,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"161\\"
+             value="161"
 +           >
 +             
 +                         161
@ -873,7 +863,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +                     
 +           </option>
 +           <option
-+             value=\\"165\\"
+             value="165"
 +           >
 +             
 +                         165
@ -883,36 +873,36 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </select>
 +       </div>
 +       <div
-+         class=\\"mb-3\\"
+         class="mb-3"
 +       >
 +         <label
-+           class=\\"form-label\\"
-+           for=\\"10\\"
+           class="form-label"
+           for="9"
 +         >
 +           Encryption
 +         </label>
 +         <select
-+           class=\\"form-select\\"
-+           id=\\"10\\"
+           class="form-select"
+           id="9"
 +         >
 +           <option
-+             value=\\"WPA3\\"
+             value="WPA3"
 +           >
 +             WPA3 only
 +           </option>
 +           <option
-+             value=\\"WPA2/3\\"
+             value="WPA2/3"
 +           >
 +             WPA3 with WPA2 as fallback (default)
 +           </option>
 +           <option
-+             value=\\"WPA2\\"
+             value="WPA2"
 +           >
 +             WPA2 only
 +           </option>
 +         </select>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             The WPA3 standard is the new most secure encryption method that is suggested to be used with any device that supports it. The older devices without WPA3 support require older WPA2. If you experience issues with connecting older devices, try to enable WPA2.
@ -920,22 +910,22 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class=\\"form-check form-switch mb-3 null\\"
+         class="form-check form-switch mb-3"
 +       >
 +         <input
-+           class=\\"form-check-input\\"
-+           id=\\"11\\"
-+           role=\\"switch\\"
-+           type=\\"checkbox\\"
+           class="form-check-input"
+           id="10"
+           role="switch"
+           type="checkbox"
 +         />
 +         <label
-+           class=\\"form-check-label\\"
-+           for=\\"11\\"
+           class="form-check-label"
+           for="10"
 +         >
 +           Disable Management Frame Protection
 +         </label>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             In case you have trouble connecting to WiFi Access Point, try disabling Management Frame Protection.
@ -943,22 +933,22 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class=\\"form-check form-switch mb-3 null\\"
+         class="form-check form-switch mb-3"
 +       >
 +         <input
-+           class=\\"form-check-input\\"
-+           id=\\"12\\"
-+           role=\\"switch\\"
-+           type=\\"checkbox\\"
+           class="form-check-input"
+           id="11"
+           role="switch"
+           type="checkbox"
 +         />
 +         <label
-+           class=\\"form-check-label\\"
-+           for=\\"12\\"
+           class="form-check-label"
+           for="11"
 +         >
 +           Enable Guest Wi-Fi
 +         </label>
 +         <div
-+           class=\\"form-text\\"
+           class="form-text"
 +         >
 +           <small>
 +             Enables Wi-Fi for guests, which is separated from LAN network. Devices connected to this network are allowed to access the internet, but aren't allowed to access other devices and the configuration interface of the router. Parameters of the guest network can be set in the Guest network tab.
@ -967,7 +957,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +       </div>
        <hr />
        <div
-          class=\\"form-check form-switch mb-3 d-flex align-items-center\\"
+          class="form-check form-switch mb-3 d-flex align-items-center"
        >
          <input"
 `;
--- a/src/common/tests/ActionButtonWithModal.test.js
+++ b/src/common/tests/ActionButtonWithModal.test.js
@ -0,0 +1,92 @@
+/*
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+
+import Button from "bootstrap/Button";
+
+import {
+    fireEvent,
+    getByText,
+    queryByText,
+    render,
+    wait,
+} from "customTestRender";
+import mockAxios from "jest-mock-axios";
+import { mockJSONError } from "testUtils/network";
+import { mockSetAlert } from "testUtils/alertContextMock";
+
+import ActionButtonWithModal from "../ActionButtonWithModal/ActionButtonWithModal";
+
+describe("<ActionButtonWithModal/>", () => {
+    let componentContainer;
+    const ActionButton = (props) => (
+        <Button type="button" {...props}>
+            Action
+        </Button>
+    );
+
+    beforeEach(() => {
+        const { container } = render(
+            <>
+                <div id="modal-container" />
+                <div id="alert-container" />
+                <ActionButtonWithModal
+                    actionTrigger={ActionButton}
+                    actionUrl="/reforis/api/action"
+                    modalTitle="Warning!"
+                    modalMessage="Are you sure you want to perform this action?"
+                    modalActionText="Confirm action"
+                    modalActionProps={{ className: "btn-danger" }}
+                    successMessage="Action request succeeded."
+                    errorMessage="Action request failed."
+                />
+            </>
+        );
+        componentContainer = container;
+    });
+
+    it("Render button.", () => {
+        expect(componentContainer).toMatchSnapshot();
+    });
+
+    it("Render modal.", () => {
+        fireEvent.click(getByText(componentContainer, "Action"));
+        expect(componentContainer).toMatchSnapshot();
+    });
+
+    it("Confirm action.", () => {
+        fireEvent.click(getByText(componentContainer, "Action"));
+        fireEvent.click(getByText(componentContainer, "Confirm action"));
+        expect(mockAxios.post).toHaveBeenCalledWith(
+            "/reforis/api/action",
+            undefined,
+            expect.anything()
+        );
+    });
+
+    it("Hold error.", async () => {
+        fireEvent.click(getByText(componentContainer, "Action"));
+        fireEvent.click(getByText(componentContainer, "Confirm action"));
+        mockJSONError();
+        await wait(() =>
+            expect(mockSetAlert).toBeCalledWith("Action request failed.")
+        );
+    });
+
+    it("Show success alert on successful action.", async () => {
+        fireEvent.click(getByText(componentContainer, "Action"));
+        fireEvent.click(getByText(componentContainer, "Confirm action"));
+        mockAxios.mockResponse({ status: 200 });
+        await wait(() =>
+            expect(mockSetAlert).toBeCalledWith(
+                "Action request succeeded.",
+                "success"
+            )
+        );
+    });
+});
--- a/src/common/tests/RebootButton.test.js
+++ b/src/common/tests/RebootButton.test.js
@ -1,63 +0,0 @@
-/*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
- *
- * This is free software, licensed under the GNU General Public License v3.
- * See /LICENSE for more information.
- */
-
-import React from "react";
-
-import {
-    fireEvent,
-    getByText,
-    queryByText,
-    render,
-    wait,
-} from "customTestRender";
-import mockAxios from "jest-mock-axios";
-import { mockJSONError } from "testUtils/network";
-import { mockSetAlert } from "testUtils/alertContextMock";
-
-import { RebootButton } from "../RebootButton";
-
-describe("<RebootButton/>", () => {
-    let componentContainer;
-    beforeEach(() => {
-        const { container } = render(
-            <>
-                <div id="modal-container" />
-                <RebootButton />
-            </>
-        );
-        componentContainer = container;
-    });
-
-    it("Render.", () => {
-        expect(componentContainer).toMatchSnapshot();
-    });
-
-    it("Render modal.", () => {
-        expect(queryByText(componentContainer, "Confirm reboot")).toBeNull();
-        fireEvent.click(getByText(componentContainer, "Reboot"));
-        expect(componentContainer).toMatchSnapshot();
-    });
-
-    it("Confirm reboot.", () => {
-        fireEvent.click(getByText(componentContainer, "Reboot"));
-        fireEvent.click(getByText(componentContainer, "Confirm reboot"));
-        expect(mockAxios.post).toHaveBeenCalledWith(
-            "/reforis/api/reboot",
-            undefined,
-            expect.anything()
-        );
-    });
-
-    it("Hold error.", async () => {
-        fireEvent.click(getByText(componentContainer, "Reboot"));
-        fireEvent.click(getByText(componentContainer, "Confirm reboot"));
-        mockJSONError();
-        await wait(() =>
-            expect(mockSetAlert).toBeCalledWith("Reboot request failed.")
-        );
-    });
-});
--- a/src/common/tests/snapshots/ActionButtonWithModal.test.js.snap
+++ b/src/common/tests/snapshots/ActionButtonWithModal.test.js.snap
@ -1,11 +1,32 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP

-exports[`<RebootButton/> Render modal. 1`] = `
+exports[`<ActionButtonWithModal/> Render button. 1`] = `
+<div>
+  <div
+    id="modal-container"
+  />
+  <div
+    id="alert-container"
+  />
+  <button
+    class="btn btn-primary d-inline-flex justify-content-center align-items-center"
+    type="button"
+  >
+    <span>
+      Action
+    </span>
+  </button>
+</div>
+`;
+
+exports[`<ActionButtonWithModal/> Render modal. 1`] = `
 <div>
  <div
    id="modal-container"
  >
    <div
+      aria-labelledby="modal-title"
+      aria-modal="true"
      class="modal fade show"
      role="dialog"
    >
@ -19,11 +40,11 @@ exports[`<RebootButton/> Render modal. 1`] = `
          <div
            class="modal-header"
          >
-            <h5
-              class="modal-title"
+            <h1
+              class="modal-title fs-5"
            >
              Warning!
-            </h5>
+            </h1>
            <button
              aria-label="Close"
              class="btn-close"
@ -33,15 +54,17 @@ exports[`<RebootButton/> Render modal. 1`] = `
          <div
            class="modal-body"
          >
-            <p>
-              Are you sure you want to restart the router?
+            <p
+              class="mb-0"
+            >
+              Are you sure you want to perform this action?
            </p>
          </div>
          <div
            class="modal-footer"
          >
            <button
-              class="btn btn-primary d-inline-flex justify-content-center align-items-center"
+              class="btn btn-secondary d-inline-flex justify-content-center align-items-center"
              type="button"
            >
              <span>
@ -53,7 +76,7 @@ exports[`<RebootButton/> Render modal. 1`] = `
              type="button"
            >
              <span>
-                Confirm reboot
+                Confirm action
              </span>
            </button>
          </div>
@ -61,28 +84,15 @@ exports[`<RebootButton/> Render modal. 1`] = `
      </div>
    </div>
  </div>
-  <button
-    class="btn btn-danger d-inline-flex justify-content-center align-items-center"
-    type="button"
-  >
-    <span>
-      Reboot
-    </span>
-  </button>
-</div>
-`;
-
-exports[`<RebootButton/> Render. 1`] = `
-<div>
  <div
-    id="modal-container"
+    id="alert-container"
  />
  <button
-    class="btn btn-danger d-inline-flex justify-content-center align-items-center"
+    class="btn btn-primary d-inline-flex justify-content-center align-items-center"
    type="button"
  >
    <span>
-      Reboot
+      Action
    </span>
  </button>
 </div>
--- a/src/context/alertContext/AlertContext.js
+++ b/src/context/alertContext/AlertContext.js
@ -1,15 +1,16 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

-import React, { useState, useContext, useCallback } from "react";
+import React, { useState, useContext, useCallback, useMemo } from "react";
+
 import PropTypes from "prop-types";

-import { Alert, ALERT_TYPES } from "../../bootstrap/Alert";
-import { Portal } from "../../utils/Portal";
+import Alert, { ALERT_TYPES } from "../../bootstrap/Alert";
+import Portal from "../../utils/Portal";

 AlertContextProvider.propTypes = {
    children: PropTypes.oneOfType([
@ -30,6 +31,10 @@ function AlertContextProvider({ children }) {
    );

    const dismissAlert = useCallback(() => setAlert(null), [setAlert]);
+    const contextValue = useMemo(
+        () => [setAlertWrapper, dismissAlert],
+        [setAlertWrapper, dismissAlert]
+    );

    return (
        <>
@ -40,7 +45,7 @@ function AlertContextProvider({ children }) {
                    </Alert>
                </Portal>
            )}
-            <AlertContext.Provider value={[setAlertWrapper, dismissAlert]}>
+            <AlertContext.Provider value={contextValue}>
                {children}
            </AlertContext.Provider>
        </>
--- a/src/context/alertContext/tests/AlertContext.test.js
+++ b/src/context/alertContext/tests/AlertContext.test.js
@ -43,14 +43,17 @@ describe("AlertContext", () => {
        expect(componentContainer).toMatchSnapshot();
    });

-    it("should dismiss alert with alert button", () => {
+    it("should dismiss alert with alert button", async () => {
        fireEvent.click(getByText(componentContainer, "Set alert"));
        // Alert is present
        expect(getByText(componentContainer, "Alert content")).toBeDefined();

        fireEvent.click(componentContainer.querySelector(".btn-close"));
        // Alert is gone
-        expect(queryByText(componentContainer, "Alert content")).toBeNull();
+        await (() =>
+            expect(
+                queryByText(componentContainer, "Alert content")
+            ).toBeNull());
    });

    it("should dismiss alert with external button", () => {
--- a/src/context/alertContext/tests/snapshots/AlertContext.test.js.snap
+++ b/src/context/alertContext/tests/snapshots/AlertContext.test.js.snap
@ -6,7 +6,8 @@ exports[`AlertContext should render alert 1`] = `
    id="alert-container"
  >
    <div
-      class="alert alert-danger alert-dismissible"
+      class="alert alert-danger alert-fade-in alert-dismissible"
+      role="alert"
    >
      <button
        aria-label="Close"
--- a/src/context/customizationContext/CustomizationContext.js
+++ b/src/context/customizationContext/CustomizationContext.js
@ -1,17 +1,17 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

-import React, { useContext, useEffect } from "react";
+import React, { useContext, useEffect, useMemo } from "react";
+
 import PropTypes from "prop-types";

 import { useAPIGet } from "../../api/hooks";
-import { ForisURLs } from "../../utils/forisUrls";
-
 import { Spinner } from "../../bootstrap/Spinner";
+import { ForisURLs } from "../../utils/forisUrls";

 CustomizationContextProvider.propTypes = {
    children: PropTypes.oneOfType([
@ -30,20 +30,31 @@ function CustomizationContextProvider({ children }) {
        getCustomization();
    }, [getCustomization]);

+    const deviceDetails = useMemo(
+        () => getCustomizationResponse.data || {},
+        [getCustomizationResponse.data]
+    );
+
+    const isCustomized = useMemo(
+        () =>
+            !!(
+                deviceDetails.customization !== undefined &&
+                deviceDetails.customization === "shield"
+            ),
+        [deviceDetails.customization]
+    );
+
+    const contextValue = useMemo(
+        () => ({ deviceDetails, isCustomized }),
+        [deviceDetails, isCustomized]
+    );
+
    if (getCustomizationResponse.state !== "success") {
        return <Spinner fullScreen />;
    }

-    const deviceDetails = getCustomizationResponse.data || {};
-
-    const isCustomized = !!(
-        deviceDetails &&
-        deviceDetails.customization !== undefined &&
-        deviceDetails.customization === "shield"
-    );
-
    return (
-        <CustomizationContext.Provider value={{ deviceDetails, isCustomized }}>
+        <CustomizationContext.Provider value={contextValue}>
            {children}
        </CustomizationContext.Provider>
    );
--- a/src/form/tests/hooks.test.js
+++ b/src/form/tests/hooks.test.js
@ -9,8 +9,8 @@ import React from "react";

 import { act, fireEvent, render, waitForElement } from "customTestRender";
 import mockAxios from "jest-mock-axios";
-import { WebSockets } from "webSockets/WebSockets";
-import { ForisForm } from "../components/ForisForm";
+import WebSockets from "webSockets/WebSockets";
+import ForisForm from "../components/ForisForm";

 // It's possible to unittest each hooks via react-hooks-testing-library.
 // But it's better and easier to test it by test components which uses this hooks.
--- a/src/form/components/ForisForm.js
+++ b/src/form/components/ForisForm.js
@ -1,24 +1,24 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React, { useEffect } from "react";
+
 import PropTypes from "prop-types";
 import { Prompt } from "react-router-dom";

-import { ALERT_TYPES } from "../../bootstrap/Alert";
+import { STATES as SUBMIT_BUTTON_STATES, SubmitButton } from "./SubmitButton";
+import { useAPIPost } from "../../api/hooks";
 import { API_STATE } from "../../api/utils";
+import { ALERT_TYPES } from "../../bootstrap/Alert";
 import { formFieldsSize } from "../../bootstrap/constants";
 import { Spinner } from "../../bootstrap/Spinner";
 import { useAlert } from "../../context/alertContext/AlertContext";
-import { useAPIPost } from "../../api/hooks";
-
+import ErrorMessage from "../../utils/ErrorMessage";
 import { useForisModule, useForm } from "../hooks";
-import { STATES as SUBMIT_BUTTON_STATES, SubmitButton } from "./SubmitButton";
-import { ErrorMessage } from "../../utils/ErrorMessage";

 ForisForm.propTypes = {
    /** Optional WebSocket object. See `scr/common/WebSockets.js`.
@ -89,7 +89,7 @@ ForisForm.defaultProps = {
 * use exposed `ReactRouterDOM` object from `react-router-dom` library which is exposed by reForis.
 * See README for more information.
 * */
-export function ForisForm({
+function ForisForm({
    ws,
    forisConfig,
    prepData,
@ -131,16 +131,16 @@ export function ForisForm({
        return <Spinner />;
    }

-    function onSubmitHandler(event) {
+    const onSubmitHandler = (event) => {
        event.preventDefault();
        resetFormData();
        dismissAlert();
        const copiedFormData = JSON.parse(JSON.stringify(formState.data));
        const preparedData = prepDataToSubmit(copiedFormData);
        post({ data: preparedData });
-    }
+    };

-    function getSubmitButtonState() {
+    const getSubmitButtonState = () => {
        if (postState.state === API_STATE.SENDING) {
            return SUBMIT_BUTTON_STATES.SAVING;
        }
@ -148,7 +148,7 @@ export function ForisForm({
            return SUBMIT_BUTTON_STATES.LOAD;
        }
        return SUBMIT_BUTTON_STATES.READY;
-    }
+    };

    const formIsDisabled =
        disabled ||
@ -174,7 +174,7 @@ export function ForisForm({
          )
        : onSubmitHandler;

-    function getMessageOnLeavingPage() {
+    const getMessageOnLeavingPage = () => {
        if (
            JSON.stringify(formState.data) ===
            JSON.stringify(formState.initialData)
@ -183,7 +183,7 @@ export function ForisForm({
        return _(
            "Changes you made may not be saved. Are you sure you want to leave?"
        );
-    }
+    };

    return (
        <div className={formFieldsSize}>
@ -200,3 +200,5 @@ export function ForisForm({
        </div>
    );
 }
+
+export default ForisForm;
--- a/src/form/components/SubmitButton.js
+++ b/src/form/components/SubmitButton.js
@ -6,9 +6,10 @@
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { Button } from "../../bootstrap/Button";
+import Button from "../../bootstrap/Button";

 export const STATES = {
    READY: 1,
--- a/src/form/hooks.js
+++ b/src/form/hooks.js
@ -1,15 +1,16 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import { useCallback, useEffect, useReducer } from "react";
+
 import update from "immutability-helper";

 import { useAPIGet } from "../api/hooks";
-import { useWSForisModule } from "../webSockets/hooks";
+import useWSForisModule from "../webSockets/hooks";

 const FORM_ACTIONS = {
    updateValue: 1,
--- a/src/index.js
+++ b/src/index.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -17,32 +17,35 @@ export {
 export { API_STATE } from "./api/utils";

 // Bootstrap
-export { Alert, ALERT_TYPES } from "./bootstrap/Alert";
-export { Button } from "./bootstrap/Button";
-export { CheckBox } from "./bootstrap/CheckBox";
-export { CopyInput } from "./bootstrap/CopyInput";
-export { DownloadButton } from "./bootstrap/DownloadButton";
-export { DataTimeInput } from "./bootstrap/DataTimeInput";
-export { EmailInput } from "./bootstrap/EmailInput";
-export { FileInput } from "./bootstrap/FileInput";
-export { Input } from "./bootstrap/Input";
-export { NumberInput } from "./bootstrap/NumberInput";
-export { PasswordInput } from "./bootstrap/PasswordInput";
-export { Radio, RadioSet } from "./bootstrap/RadioSet";
-export { Select } from "./bootstrap/Select";
-export { TextInput } from "./bootstrap/TextInput";
+export { default as Alert, ALERT_TYPES } from "./bootstrap/Alert";
+export { default as Button } from "./bootstrap/Button";
+export { default as CheckBox } from "./bootstrap/CheckBox";
+export { default as CopyInput } from "./bootstrap/CopyInput";
+export { default as DownloadButton } from "./bootstrap/DownloadButton";
+export { default as DataTimeInput } from "./bootstrap/DataTimeInput";
+export { default as EmailInput } from "./bootstrap/EmailInput";
+export { default as FileInput } from "./bootstrap/FileInput";
+export { default as Input } from "./bootstrap/Input";
+export { default as NumberInput } from "./bootstrap/NumberInput";
+export { default as PasswordInput } from "./bootstrap/PasswordInput";
+export { default as Radio } from "./bootstrap/Radio";
+export { default as RadioSet } from "./bootstrap/RadioSet";
+export { default as Select } from "./bootstrap/Select";
+export { default as TextInput } from "./bootstrap/TextInput";
 export { formFieldsSize, buttonFormFieldsSize } from "./bootstrap/constants";
-export { Switch } from "./bootstrap/Switch";
+export { default as Switch } from "./bootstrap/Switch";
+export { default as ThreeDotsMenu } from "./bootstrap/ThreeDotsMenu";

 export { Spinner, SpinnerElement } from "./bootstrap/Spinner";
 export { Modal, ModalBody, ModalFooter, ModalHeader } from "./bootstrap/Modal";

 // Common
-export { RebootButton } from "./common/RebootButton";
-export { WiFiSettings } from "./common/WiFiSettings/WiFiSettings";
-export { ResetWiFiSettings } from "./common/WiFiSettings/ResetWiFiSettings";
+export { default as ActionButtonWithModal } from "./common/ActionButtonWithModal/ActionButtonWithModal";
+export { default as WiFiSettings } from "./common/WiFiSettings/WiFiSettings";
+export { default as ResetWiFiSettings } from "./common/WiFiSettings/ResetWiFiSettings";
+export { default as RichTable } from "./common/RichTable/RichTable";
 // Form
-export { ForisForm } from "./form/components/ForisForm";
+export { default as ForisForm } from "./form/components/ForisForm";
 export {
    SubmitButton,
    STATES as SUBMIT_BUTTON_STATES,
@ -50,11 +53,11 @@ export {
 export { useForisModule, useForm } from "./form/hooks";

 // WebSockets
-export { useWSForisModule } from "./webSockets/hooks";
-export { WebSockets } from "./webSockets/WebSockets";
+export { default as useWSForisModule } from "./webSockets/hooks";
+export { default as WebSockets } from "./webSockets/WebSockets";

 // Utils
-export { Portal } from "./utils/Portal";
+export { default as Portal } from "./utils/Portal";
 export {
    undefinedIfEmpty,
    withoutUndefinedKeys,
@ -68,11 +71,11 @@ export {
    withError,
    withErrorMessage,
 } from "./utils/conditionalHOCs";
-export { ErrorMessage } from "./utils/ErrorMessage";
+export { default as ErrorMessage } from "./utils/ErrorMessage";
 export { useClickOutside } from "./utils/hooks";
-export { toLocaleDateString } from "./utils/datetime";
-export { displayCard } from "./utils/displayCard";
-export { isPluginInstalled } from "./utils/isPluginInstalled";
+export { default as toLocaleDateString } from "./utils/datetime";
+export { default as displayCard } from "./utils/displayCard";
+export { default as isPluginInstalled } from "./utils/isPluginInstalled";

 // Foris URL
 export { ForisURLs, REFORIS_URL_PREFIX } from "./utils/forisUrls";
--- a/src/testUtils/customTestRender.js
+++ b/src/testUtils/customTestRender.js
@ -14,7 +14,7 @@ import { render } from "@testing-library/react";
 import PropTypes from "prop-types";

 import { AlertContextMock } from "./alertContextMock";
-import { CustomizationContextMock } from "./cutomizationContextMock";
+import { CustomizationContextMock } from "./customizationContextMock";

 Wrapper.propTypes = {
    children: PropTypes.oneOfType([
--- a/src/testUtils/customizationContextMock.js
+++ b/src/testUtils/customizationContextMock.js
--- a/src/testUtils/setup.js
+++ b/src/testUtils/setup.js
@ -1,10 +1,10 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */
-
+import React from "react";
 import mockAxios from "jest-mock-axios";
 import moment from "moment-timezone";
 import "./mockGlobals";
@ -26,3 +26,8 @@ jest.doMock("moment", () => {
    return moment;
 });
 Date.now = jest.fn(() => new Date(Date.UTC(2019, 1, 1, 12, 13, 14)).valueOf());
+
+// Mock Font Awesome v6 library
+jest.mock("@fortawesome/react-fontawesome", () => ({
+    FontAwesomeIcon: () => <i className="fa" />,
+}));
--- a/src/utils/ErrorMessage.js
+++ b/src/utils/ErrorMessage.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

 ErrorMessage.propTypes = {
@ -16,6 +17,8 @@ ErrorMessage.defaultProps = {
    message: _("An error occurred while fetching data."),
 };

-export function ErrorMessage({ message }) {
+function ErrorMessage({ message }) {
    return <p className="text-center text-danger">{message}</p>;
 }
+
+export default ErrorMessage;
--- a/src/utils/Portal.js
+++ b/src/utils/Portal.js
@ -1,14 +1,22 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

+import PropTypes from "prop-types";
 import ReactDOM from "react-dom";

-export function Portal({ containerId, children }) {
+Portal.propTypes = {
+    containerId: PropTypes.string.isRequired,
+    children: PropTypes.node.isRequired,
+};
+
+function Portal({ containerId, children }) {
    const container = document.getElementById(containerId);
    if (container) return ReactDOM.createPortal(children, container);
    return null;
 }
+
+export default Portal;
--- a/src/utils/tests/datetime.test.js
+++ b/src/utils/tests/datetime.test.js
@ -5,7 +5,7 @@
 * See /LICENSE for more information.
 */

-import { toLocaleDateString } from "../datetime";
+import toLocaleDateString from "../datetime";

 describe("toLocaleDateString", () => {
    it("should work with different locale", () => {
--- a/src/utils/conditionalHOCs.js
+++ b/src/utils/conditionalHOCs.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -7,16 +7,23 @@

 import React from "react";

-import { Spinner } from "../bootstrap/Spinner";
+import ErrorMessage from "./ErrorMessage";
 import { API_STATE } from "../api/utils";
-import { ErrorMessage } from "./ErrorMessage";
+import { Spinner } from "../bootstrap/Spinner";

 function withEither(conditionalFn, Either) {
-    return (Component) => (props) => {
-        if (conditionalFn(props)) {
-            return <Either {...props} />;
+    return (Component) => {
+        function WithEither(props) {
+            if (conditionalFn(props)) {
+                return <Either {...props} />;
+            }
+            return <Component {...props} />;
        }
-        return <Component {...props} />;
+
+        // Setting displayName for better debugging
+        WithEither.displayName = `WithEither(${Component.displayName || Component.name || "Component"})`;
+
+        return WithEither;
    };
 }

--- a/src/utils/datetime.js
+++ b/src/utils/datetime.js
@ -1,9 +1,8 @@
 import moment from "moment";

-export function toLocaleDateString(
-    date,
-    { inputFormat, outputFormat = "LLL" } = {}
-) {
+function toLocaleDateString(date, { inputFormat, outputFormat = "LLL" } = {}) {
    const parsedDate = inputFormat ? moment(date, inputFormat) : moment(date);
    return parsedDate.locale(ForisTranslations.locale).format(outputFormat);
 }
+
+export default toLocaleDateString;
--- a/src/utils/displayCard.js
+++ b/src/utils/displayCard.js
@ -1,11 +1,11 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

-export function displayCard({ package_lists: packages }, cardName) {
+function displayCard({ package_lists: packages }, cardName) {
    const enabledPackagesNames = [];
    packages
        .filter((item) => item.enabled)
@ -21,3 +21,5 @@ export function displayCard({ package_lists: packages }, cardName) {
        });
    return enabledPackagesNames.includes(cardName);
 }
+
+export default displayCard;
--- a/src/utils/forisUrls.js
+++ b/src/utils/forisUrls.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -9,8 +9,10 @@ export const REFORIS_URL_PREFIX = "/reforis";
 export const REFORIS_API_URL_PREFIX = `${REFORIS_URL_PREFIX}/api`;

 export const ForisURLs = {
+    // turris-auth
    login: `/login?${REFORIS_URL_PREFIX}/`,
    logout: `/logout`,
+    extendSession: `/extend-session`,

    static: `${REFORIS_URL_PREFIX}/static/reforis`,
    wifi: `${REFORIS_URL_PREFIX}/network-settings/wifi`,
@ -25,6 +27,13 @@ export const ForisURLs = {
    storage: `${REFORIS_URL_PREFIX}/storage`,
    sentinelAgreement: `${REFORIS_URL_PREFIX}/sentinel/agreement`,

+    // URLs without prefix for Overview page
+    openvpnClientSettings: "/openvpn/client-settings",
+    packageManagementPackages: "/package-management/packages",
+    packageManagementUpdateSettings: "/package-management/update-settings",
+    sentinelLicenseAgreement: "/sentinel/agreement",
+    librespeedSpeedTest: "/librespeed/speed-test",
+
    // Notifications links are used with <Link/> inside Router, thus url subdir is not required.
    overview: "/overview",
    notifications: "/overview#notifications",
--- a/src/utils/hooks.js
+++ b/src/utils/hooks.js
@ -40,3 +40,40 @@ export function useClickOutside(element, callback) {
        };
    });
 }
+
+/* Trap focus inside element. */
+export function useFocusTrap(elementRef, condition = true) {
+    useEffect(() => {
+        if (!condition) {
+            return;
+        }
+        const currentElement = elementRef.current;
+        const focusableElements = currentElement.querySelectorAll(
+            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+        );
+        const firstElement = focusableElements[0];
+        const lastElement = focusableElements[focusableElements.length - 1];
+
+        const handleTab = (event) => {
+            if (event.key === "Tab") {
+                if (event.shiftKey) {
+                    if (document.activeElement === firstElement) {
+                        lastElement.focus();
+                        event.preventDefault();
+                    }
+                } else if (document.activeElement === lastElement) {
+                    firstElement.focus();
+                    event.preventDefault();
+                }
+            }
+        };
+
+        currentElement.addEventListener("keydown", handleTab);
+
+        firstElement.focus();
+
+        return () => {
+            currentElement.removeEventListener("keydown", handleTab);
+        };
+    }, [elementRef, condition]);
+}
--- a/src/utils/isPluginInstalled.js
+++ b/src/utils/isPluginInstalled.js
@ -1,9 +1,11 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

-export const isPluginInstalled = (pluginName) =>
+const isPluginInstalled = (pluginName) =>
    ForisPlugins.some((plugin) => plugin.name === pluginName);
+
+export default isPluginInstalled;
--- a/src/utils/validations.js
+++ b/src/utils/validations.js
@ -23,12 +23,15 @@ export const ERROR_MESSAGES = {
 const REs = {
    IPv4: /^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
    IPv6: /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/,
-    IPv6Prefix: /^s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:)))(%.+)?s*(\/([0-9]|[1-9][0-9]|1[0-1][0-9]|12[0-8]))$/,
+    IPv6Prefix:
+        /^s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:)))(%.+)?s*(\/([0-9]|[1-9][0-9]|1[0-1][0-9]|12[0-8]))$/,
    domain: /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/,
-    hostname: /^[a-z\d]([a-z\d-]{0,61}[a-z\d])?(\.[a-z\d]([a-z\d-]{0,61}[a-z\d])?)*$/i,
+    hostname:
+        /^[a-z\d]([a-z\d-]{0,61}[a-z\d])?(\.[a-z\d]([a-z\d-]{0,61}[a-z\d])?)*$/i,
    DUID: /^([0-9a-fA-F]{2}){4}([0-9a-fA-F]{2})*$/,
    MAC: /^([a-fA-F0-9]{2}:){5}[a-fA-F0-9]{2}$/,
-    MultipleEmails: /^([a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)( *, *[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)*$/,
+    MultipleEmails:
+        /^([a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)( *, *[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)*$/,
 };

 const createValidator = (fieldType) => (value) => {
--- a/src/webSockets/WebSockets.js
+++ b/src/webSockets/WebSockets.js
@ -10,14 +10,12 @@
 const PROTOCOL = window.location.protocol === "http:" ? "ws" : "wss";

 const URL = process.env.LIGHTTPD
-    ? `${PROTOCOL}://${window.location.host}/${
-          process.env.WSPATH || "foris-ws"
-      }`
+    ? `${PROTOCOL}://${window.location.host}/${process.env.WSPATH || "foris-ws"}`
    : `${PROTOCOL}://${window.location.hostname}:9081`;

 const WAITING_FOR_CONNECTION_TIMEOUT = 500;

-export class WebSockets {
+class WebSockets {
    constructor() {
        this.ws = new WebSocket(URL);
        this.ws.onerror = (e) => {
@ -122,3 +120,5 @@ export class WebSockets {
        this.ws.close();
    }
 }
+
+export default WebSockets;
--- a/src/webSockets/hooks.js
+++ b/src/webSockets/hooks.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -7,7 +7,8 @@

 import { useEffect, useState } from "react";

-export function useWSForisModule(
+/* eslint-disable default-param-last */
+function useWSForisModule(
    ws,
    module,
    action = "update_settings",
@ -41,3 +42,5 @@ export function useWSForisModule(

    return [data];
 }
+
+export default useWSForisModule;
--- a/styleguide.config.js
+++ b/styleguide.config.js
@ -28,11 +28,11 @@ module.exports = {
            content: "docs/development.md",
        },
        {
-            name: "Components",
+            name: "Common Components",
            description: "Set of main components.",
            sections: [
                {
-                    name: "Foris forms",
+                    name: "ForisForm",
                    components: [
                        "src/form/components/ForisForm.js",
                        "src/form/components/alerts.js",
@ -42,47 +42,52 @@ module.exports = {
                    usageMode: "expand",
                },
                {
-                    name: "Alert Context",
-                    components: ["src/context/alertContext/AlertContext.js"],
+                    name: "RichTable",
+                    components: ["src/common/RichTable/RichTable.js"],
+                    exampleMode: "expand",
+                    usageMode: "expand",
+                },
+                {
+                    name: "ActionButtonWithModal",
+                    components: [
+                        "src/common/ActionButtonWithModal/ActionButtonWithModal.js",
+                    ],
                    exampleMode: "expand",
                    usageMode: "expand",
                },
            ],
            sectionDepth: 1,
        },
-
        {
-            name: "Customization Context",
-            components: [
-                "src/context/customizationContext/CustomizationContext.js",
-            ],
-            exampleMode: "expand",
-            usageMode: "expand",
-        },
-        {
-            name: "Bootstrap components",
+            name: "Bootstrap Components",
            description: "Set of bootstrap components.",
            components: "src/bootstrap/*.js",
            exampleMode: "expand",
            usageMode: "expand",
-            ignore: ["src/bootstrap/constants.js"],
+            ignore: ["src/bootstrap/constants.js", "src/bootstrap/Radio.js"],
            sectionDepth: 0,
        },
+        {
+            name: "Contexts",
+            components: [
+                "src/context/alertContext/AlertContext.js",
+                "src/context/customizationContext/CustomizationContext.js",
+            ],
+            exampleMode: "expand",
+            usageMode: "expand",
+        },
    ],
    template: {
        favicon: "/docs/components/logo.svg",
    },
    require: [
        "babel-polyfill",
-        path.join(__dirname, "src/testUtils/mockGlobals"),
+        path.join(__dirname, "src/testUtils/mockGlobals.js"),
        path.join(
            __dirname,
            "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ),
-        path.join(
-            __dirname,
-            "node_modules/@fortawesome/fontawesome-free/css/all.min.css"
-        ),
+        path.join(__dirname, "node_modules/bootstrap/dist/js/bootstrap.min.js"),
    ],
    styleguideComponents: {
        LogoRenderer: path.join(__dirname, "docs/components/Logo"),
@ -105,8 +110,5 @@ module.exports = {
                },
            ],
        },
-        devServer: {
-            publicPath: "/",
-        },
    },
 };
--- a/translations/cs/LC_MESSAGES/forisjs.po
+++ b/translations/cs/LC_MESSAGES/forisjs.po
@ -1,24 +1,23 @@
 # Czech translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
-"PO-Revision-Date: 2023-11-23 16:03+0000\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
+"PO-Revision-Date: 2024-09-25 10:15+0000\n"
 "Last-Translator: Lukas Jelinek <lukas.jelinek@nic.cz>\n"
-"Language-Team: Czech <https://hosted.weblate.org/projects/turris/foris-js/cs/"
-">\n"
 "Language: cs\n"
+"Language-Team: Czech <https://hosted.weblate.org/projects/turris/foris-"
+"js/cs/>\n"
+"Plural-Forms: nplurals=3; plural=((n==1) ? 0 : (n>=2 && n<=4) ? 1 : 2);\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Plural-Forms: nplurals=3; plural=(n==1) ? 0 : (n>=2 && n<=4) ? 1 : 2;\n"
-"X-Generator: Weblate 5.2.1-rc\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -36,67 +35,118 @@ msgstr "Neobdržena žádná odezva."
 msgid "An unknown API error occurred."
 msgstr "Došlo k neznámé chybě v aplikačním programovém rozhraní."

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr "Zavřít"
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr "Zkopírováno!"

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr "Kopírovat"

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
-msgstr "Vyžadován restart."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#, fuzzy
+msgid "Action successful."
+msgstr "Nastavení úspěšně uložena"

-#: src/common/RebootButton.js:51
-msgid "Reboot"
-msgstr "Restartovat"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
+msgstr ""

-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr "Varování!"
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr "Opravdu chcete router restartovat?"
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr "Zrušit"

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#, fuzzy
+msgid "Confirm"
 msgstr "Potvrdit restart"

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr "Při resetu nastavení Wi-Fi došlo k chybě."

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr "Nastavení Wi-Fi jsou uvedena do výchozího stavu."

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr "Reset nastavení Wi-Fi"

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""
-"Pokud se počet bezdrátových karet neshoduje, můžete zkusit obnovit nastavení "
-"Wi-Fi. Je třeba upozornit, že se tím odstraní aktuální konfigurace Wi-Fi a "
-"obnoví se výchozí hodnoty."
+"Pokud se počet bezdrátových karet neshoduje, můžete zkusit obnovit "
+"nastavení Wi-Fi. Je třeba upozornit, že se tím odstraní aktuální "
+"konfigurace Wi-Fi a obnoví se výchozí hodnoty."

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr "Wi-Fi ${deviceID + 1}"

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr "Heslo"

@ -125,8 +175,8 @@ msgid ""
 "In case you have trouble connecting to WiFi Access Point, try disabling "
 "Management Frame Protection."
 msgstr ""
-"Máte-li problémy při připojování k přístupovému bodu Wi-Fi, zkuste vypnout "
-"Management Frame Protection."
+"Máte-li problémy při připojování k přístupovému bodu Wi-Fi, zkuste "
+"vypnout Management Frame Protection."

 #: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
@ -136,40 +186,45 @@ msgstr "automaticky"
 msgid "Custom"
 msgstr "Uživatelsky určené"

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr "Zapnout Wi-Fi pro hosty"

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr "Ukázat QR kód"
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr "Wi-Fi QR kód"

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr "Stáhnout PDF"

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr "SSID nemůže být delší než 32 znaků"

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr "SSID je třeba vyplnit"

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr "SSID nemůže být delší než 32 bajtů"

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr "Je třeba, aby heslo obsahovalo alespoň 8 znaků"

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr "Heslo nesmí obsahovat více než 63 znaků"

@ -254,10 +309,10 @@ msgid ""
 "supported by all your devices. It usually has less interference, but the "
 "signal does not carry so well indoors."
 msgstr ""
-"Pásmo 2,4 GHz je v klientských zařízeních podporováno nejčastěji, bývá ale "
-"více zarušené. Pásmo 5 GHz je novější standard a nemusí být podporováno "
-"všemi vámi používanými zařízeními. Obvykle bývá méně zarušené, signál se ale "
-"hůře šíří uvnitř budov."
+"Pásmo 2,4 GHz je v klientských zařízeních podporováno nejčastěji, bývá "
+"ale více zarušené. Pásmo 5 GHz je novější standard a nemusí být "
+"podporováno všemi vámi používanými zařízeními. Obvykle bývá méně "
+"zarušené, signál se ale hůře šíří uvnitř budov."

 #: src/common/WiFiSettings/constants.js:43
 msgid ""
@ -266,9 +321,10 @@ msgid ""
 "interference in the network. If you don't know what to choose, use the "
 "default option with 20 MHz wide channel."
 msgstr ""
-"Změna tohoto parametru upraví režim fungování 802.11n/ac. 802.11n s kanály o "
-"šíři 40 MHz může pomoci k vyšší propustnosti, je ale náchylnější na rušení. "
-"Pokud nevíte co zvolit, použijte výchozí volbu s kanálem šíře 20 MHz."
+"Změna tohoto parametru upraví režim fungování 802.11n/ac. 802.11n s "
+"kanály o šíři 40 MHz může pomoci k vyšší propustnosti, je ale náchylnější"
+" na rušení. Pokud nevíte co zvolit, použijte výchozí volbu s kanálem šíře"
+" 20 MHz."

 #: src/common/WiFiSettings/constants.js:46
 msgid ""
@ -278,10 +334,10 @@ msgid ""
 "router. Parameters of the guest network can be set in the Guest network "
 "tab."
 msgstr ""
-"Zapíná Wi-Fi pro hosty, která je oddělená od místní sítě (LAN). Zařízením "
-"připojeným k této síti je umožněn přístup do Internetu, ale už ne na ostatní "
-"zařízení a k rozhraní pro nastavování směrovače. Parametry sítě pro hosty je "
-"možné nastavit na panelu „Síť pro hosty“."
+"Zapíná Wi-Fi pro hosty, která je oddělená od místní sítě (LAN). Zařízením"
+" připojeným k této síti je umožněn přístup do Internetu, ale už ne na "
+"ostatní zařízení a k rozhraní pro nastavování směrovače. Parametry sítě "
+"pro hosty je možné nastavit na panelu „Síť pro hosty“."

 #: src/common/WiFiSettings/constants.js:49
 msgid ""
@ -290,9 +346,9 @@ msgid ""
 "without WPA3 support require older WPA2. If you experience issues with "
 "connecting older devices, try to enable WPA2."
 msgstr ""
-"Standard WPA3 je nová nejbezpečnější metoda, již se doporučuje používat se "
-"všemi zařízeními, která ji podporují. Starší zařízení bez podpory WPA3 "
-"potřebují starší WPA2. Zaznamenáte-li problémy s připojováním starších "
+"Standard WPA3 je nová nejbezpečnější metoda, již se doporučuje používat "
+"se všemi zařízeními, která ji podporují. Starší zařízení bez podpory WPA3"
+" potřebují starší WPA2. Zaznamenáte-li problémy s připojováním starších "
 "zařízení, zkuste zapnout WPA2."

 #: src/form/components/ForisForm.js:121
@ -305,19 +361,19 @@ msgstr ""
 "Změny, které byly provedeny, nebyly uloženy. Jste si jistý, že chcete "
 "opustit stránku?"

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr "Aktualizuji"

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr "Načítám nastavení"

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr "Uložit"

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr "Došlo k chybě při získávání dat."

@ -378,3 +434,16 @@ msgstr "Neobsahuje seznam e-mailů oddělených čárkou."
 #~ "ale, že\n"
 #~ "se tím odstraní aktuální konfigurace a vrátí se výchozí hodnoty.\n"
 #~ "        "
+
+#~ msgid "Reboot request failed."
+#~ msgstr "Vyžadován restart."
+
+#~ msgid "Reboot"
+#~ msgstr "Restartovat"
+
+#~ msgid "Warning!"
+#~ msgstr "Varování!"
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr "Opravdu chcete router restartovat?"
+
--- a/translations/da/LC_MESSAGES/forisjs.po
+++ b/translations/da/LC_MESSAGES/forisjs.po
@ -1,13 +1,13 @@
 # Danish translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
 "PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: da\n"
@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -34,64 +34,113 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr ""

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+msgid "Action successful."
 msgstr ""

-#: src/common/RebootButton.js:51
-msgid "Reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
 msgstr ""

-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr ""
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr ""
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr ""

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+msgid "Confirm"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr ""

@ -129,40 +178,45 @@ msgstr ""
 msgid "Custom"
 msgstr ""

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

@ -277,19 +331,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr ""

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr ""

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr ""

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr ""

@ -415,3 +469,18 @@ msgstr ""
 #~ "channel."
 #~ msgstr ""

+#~ msgid "Reboot request failed."
+#~ msgstr ""
+
+#~ msgid "Reboot"
+#~ msgstr ""
+
+#~ msgid "Warning!"
+#~ msgstr ""
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr ""
+
+#~ msgid "Confirm reboot"
+#~ msgstr ""
+
--- a/translations/de/LC_MESSAGES/forisjs.po
+++ b/translations/de/LC_MESSAGES/forisjs.po
@ -1,24 +1,23 @@
 # German translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
 "PO-Revision-Date: 2024-01-04 21:08+0000\n"
 "Last-Translator: Erik Pfannenstein <debianignatz@gmx.de>\n"
-"Language-Team: German <https://hosted.weblate.org/projects/turris/foris-js/"
-"de/>\n"
 "Language: de\n"
+"Language-Team: German <https://hosted.weblate.org/projects/turris/foris-"
+"js/de/>\n"
+"Plural-Forms: nplurals=2; plural=n != 1;\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Plural-Forms: nplurals=2; plural=n != 1;\n"
-"X-Generator: Weblate 5.4-dev\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -36,69 +35,120 @@ msgstr "Keine Antwort erhalten."
 msgid "An unknown API error occurred."
 msgstr "Ein unbekannter API-Fehler ist aufgetreten."

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr "Kopiert!"

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr "Kopieren"

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
-msgstr "Neustart-Einleitung fehlgeschlagen."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#, fuzzy
+msgid "Action successful."
+msgstr "Einstellungen erfolgreich gespeichert"

-#: src/common/RebootButton.js:51
-msgid "Reboot"
-msgstr "Systemneustart"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
+msgstr ""

-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr "Warnung!"
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr "Sind Sie sicher, dass Sie den Router neu starten wollen?"
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr "Abbrechen"

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#, fuzzy
+msgid "Confirm"
 msgstr "Neustart bestätigen"

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
 "Ein Fehler ist während der Zurücksetzung der WLAN-Einstellungen "
 "aufgetreten."

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr "WLAN-Einstellungen wurden auf Standard zurückgesetzt."

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr "WLAN-Einstellungen zurücksetzen"

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""
-"Falls die Anzahl der WLAN-Karten nicht korrekt ist, könnte es helfen, die "
-"WLAN-Einstellungen zurückzusetzen. Beachten Sie, dass dabei die aktuelle "
-"WLAN-Konfiguration mit den Werkseinstellungen überschrieben wird."
+"Falls die Anzahl der WLAN-Karten nicht korrekt ist, könnte es helfen, die"
+" WLAN-Einstellungen zurückzusetzen. Beachten Sie, dass dabei die aktuelle"
+" WLAN-Konfiguration mit den Werkseinstellungen überschrieben wird."

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr "WLAN ${deviceID + 1}"

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr "Passwort"

@ -127,8 +177,8 @@ msgid ""
 "In case you have trouble connecting to WiFi Access Point, try disabling "
 "Management Frame Protection."
 msgstr ""
-"Falls Sie beim Verbinden mit dem WiFi-Access-Point Probleme haben, schalten "
-"Sie testweise die Management Frame Protection ab."
+"Falls Sie beim Verbinden mit dem WiFi-Access-Point Probleme haben, "
+"schalten Sie testweise die Management Frame Protection ab."

 #: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
@ -138,40 +188,46 @@ msgstr "automatisch"
 msgid "Custom"
 msgstr "Benutzerdefiniert"

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr "Gast-WLAN aktivieren"

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+#, fuzzy
+msgid "Show QR code"
+msgstr "WLAN QR-Code"
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr "WLAN QR-Code"

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr "PDF herunterladen"

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr "Die SSID darf nicht länger als 32 Zeichen sein"

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr "Die SSID darf nicht leer sein"

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr "Die SSID darf nicht länger als 32 Bytes sein"

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr "Das Passwort muss mindestens 8 Zeichen enthalten"

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr "Das Passwort darf höchstens 63 Zeichen enthalten"

@ -256,11 +312,11 @@ msgid ""
 "supported by all your devices. It usually has less interference, but the "
 "signal does not carry so well indoors."
 msgstr ""
-"Das 2,4 GHz-Band wird von allen Geräten unterstützt, ist aber tendenziell "
-"stärker mit Interferenzen belastet. Das 5-GHz-Band ist ein neuerer Standard, "
-"der möglicherweise nicht von allen Ihren Geräten unterstützt wird. Es hat in "
-"der Regel weniger Interferenzen, aber das Signal trägt nicht so gut in "
-"Innenräumen."
+"Das 2,4 GHz-Band wird von allen Geräten unterstützt, ist aber tendenziell"
+" stärker mit Interferenzen belastet. Das 5-GHz-Band ist ein neuerer "
+"Standard, der möglicherweise nicht von allen Ihren Geräten unterstützt "
+"wird. Es hat in der Regel weniger Interferenzen, aber das Signal trägt "
+"nicht so gut in Innenräumen."

 #: src/common/WiFiSettings/constants.js:43
 msgid ""
@ -269,10 +325,10 @@ msgid ""
 "interference in the network. If you don't know what to choose, use the "
 "default option with 20 MHz wide channel."
 msgstr ""
-"Ändern Sie diese Option, um den 802.11n/ac/ax-Betriebsmodus anzupassen. 40 "
-"MHz breite Kanäle können bei 802.11n mehr Daten transportieren, jedoch zu "
-"mehr Interferenzen im Netzwerk führen. Wenn Sie nicht wissen, was Sie wählen "
-"sollen, verwenden Sie die Voreinstellung mit 20 MHz Kanalbreite."
+"Ändern Sie diese Option, um den 802.11n/ac/ax-Betriebsmodus anzupassen. "
+"40 MHz breite Kanäle können bei 802.11n mehr Daten transportieren, jedoch"
+" zu mehr Interferenzen im Netzwerk führen. Wenn Sie nicht wissen, was Sie"
+" wählen sollen, verwenden Sie die Voreinstellung mit 20 MHz Kanalbreite."

 #: src/common/WiFiSettings/constants.js:46
 msgid ""
@ -282,11 +338,11 @@ msgid ""
 "router. Parameters of the guest network can be set in the Guest network "
 "tab."
 msgstr ""
-"Ermöglicht ein Wi-Fi für Gäste, das vom LAN-Netzwerk getrennt ist. Geräte, "
-"die mit diesem Netzwerk verbunden sind, dürfen auf das Internet zugreifen, "
-"nicht jedoch auf andere Geräte oder die Konfigurationsschnittstelle des "
-"Routers. Die Parameter des Gastnetzwerks können auf der Gastnetzwerk-"
-"Registerkarte eingestellt werden."
+"Ermöglicht ein Wi-Fi für Gäste, das vom LAN-Netzwerk getrennt ist. "
+"Geräte, die mit diesem Netzwerk verbunden sind, dürfen auf das Internet "
+"zugreifen, nicht jedoch auf andere Geräte oder die "
+"Konfigurationsschnittstelle des Routers. Die Parameter des Gastnetzwerks "
+"können auf der Gastnetzwerk-Registerkarte eingestellt werden."

 #: src/common/WiFiSettings/constants.js:49
 msgid ""
@ -297,9 +353,9 @@ msgid ""
 msgstr ""
 "Der WPA3-Standard ist die neue Verschlüsselungsmethode mit der besten "
 "Sicherheit. Er empfiehlt sich für jedes Gerät, das ihn unterstützt, aber "
-"ältere Geräte, bei denen das noch nicht der Fall ist, müssen auf das ältere "
-"WPA2 ausweichen. Falls Sie Probleme dabei haben, ältere Geräte mit dem WLAN "
-"zu verbinden, schalten Sie versuchsweise WPA2 ein."
+"ältere Geräte, bei denen das noch nicht der Fall ist, müssen auf das "
+"ältere WPA2 ausweichen. Falls Sie Probleme dabei haben, ältere Geräte mit"
+" dem WLAN zu verbinden, schalten Sie versuchsweise WPA2 ein."

 #: src/form/components/ForisForm.js:121
 msgid "Settings saved successfully"
@ -311,19 +367,19 @@ msgstr ""
 "Änderungen, die Sie vorgenommen haben, werden möglicherweise nicht "
 "gespeichert. Möchten Sie wirklich gehen?"

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr "Aktualisiere"

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr "Einstellungen laden"

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr "Speichern"

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr "Beim Abruf der Daten ist ein Fehler aufgetreten."

@ -377,3 +433,16 @@ msgstr "Enthält keine Liste von E-Mails, die durch Kommas getrennt sind."
 #~ "current Wi-Fi configuration and restore the default values.\n"
 #~ "        "
 #~ msgstr ""
+
+#~ msgid "Reboot request failed."
+#~ msgstr "Neustart-Einleitung fehlgeschlagen."
+
+#~ msgid "Reboot"
+#~ msgstr "Systemneustart"
+
+#~ msgid "Warning!"
+#~ msgstr "Warnung!"
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr "Sind Sie sicher, dass Sie den Router neu starten wollen?"
+
--- a/translations/el/LC_MESSAGES/forisjs.po
+++ b/translations/el/LC_MESSAGES/forisjs.po
@ -1,13 +1,13 @@
 # Greek translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
 "PO-Revision-Date: 2021-02-09 16:50+0000\n"
 "Last-Translator: Michalis <michalisntovas@yahoo.gr>\n"
 "Language: el\n"
@ -17,7 +17,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -35,64 +35,114 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr ""

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+msgid "Action successful."
 msgstr ""

-#: src/common/RebootButton.js:51
-msgid "Reboot"
-msgstr "Επανεκκίνηση"
-
-#: src/common/RebootButton.js:66
-msgid "Warning!"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
 msgstr ""

-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr "Είστε βέβαιοι ότι θέλετε να κάνετε επανεκκίνηση του δρομολογητή;"
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr "Άκυρο"

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#, fuzzy
+msgid "Confirm"
 msgstr "Επιβεβαίωση επανεκκίνησης"

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr ""

@ -131,40 +181,45 @@ msgstr ""
 msgid "Custom"
 msgstr ""

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

@ -279,19 +334,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr ""

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr ""

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr ""

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr ""

@ -417,3 +472,15 @@ msgstr ""
 #~ "channel."
 #~ msgstr ""

+#~ msgid "Reboot request failed."
+#~ msgstr ""
+
+#~ msgid "Reboot"
+#~ msgstr "Επανεκκίνηση"
+
+#~ msgid "Warning!"
+#~ msgstr ""
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr "Είστε βέβαιοι ότι θέλετε να κάνετε επανεκκίνηση του δρομολογητή;"
+
--- a/translations/en/LC_MESSAGES/forisjs.po
+++ b/translations/en/LC_MESSAGES/forisjs.po
@ -1,13 +1,13 @@
 # English translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
 "PO-Revision-Date: 2019-10-17 09:28+0000\n"
 "Last-Translator: Scott Anecito <scott.anecito@protonmail.com>\n"
 "Language: en\n"
@ -17,7 +17,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -35,64 +35,113 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr ""

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+msgid "Action successful."
 msgstr ""

-#: src/common/RebootButton.js:51
-msgid "Reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
 msgstr ""

-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr ""
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr ""
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr ""

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+msgid "Confirm"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr ""

@ -130,40 +179,45 @@ msgstr ""
 msgid "Custom"
 msgstr ""

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

@ -278,19 +332,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr ""

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr ""

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr ""

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr ""

@ -413,3 +467,18 @@ msgstr ""
 #~ "channel."
 #~ msgstr ""

+#~ msgid "Reboot request failed."
+#~ msgstr ""
+
+#~ msgid "Reboot"
+#~ msgstr ""
+
+#~ msgid "Warning!"
+#~ msgstr ""
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr ""
+
+#~ msgid "Confirm reboot"
+#~ msgstr ""
+
--- a/translations/es/LC_MESSAGES/forisjs.po
+++ b/translations/es/LC_MESSAGES/forisjs.po
@ -1,15 +1,15 @@
 # Spanish translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
-"PO-Revision-Date: 2022-09-11 17:15+0000\n"
-"Last-Translator: Dan Cybersec <dan.cybersec@protonmail.com>\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
+"PO-Revision-Date: 2024-08-24 13:09+0000\n"
+"Last-Translator: gallegonovato <fran-carro@hotmail.es>\n"
 "Language: es\n"
 "Language-Team: Spanish <https://hosted.weblate.org/projects/turris/foris-"
 "js/es/>\n"
@ -17,7 +17,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -37,52 +37,103 @@ msgstr ""
 "Un error desconocido ha ocurrido. Compruebe la consola para mas "
 "informaciòn."

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr "Cerrar"
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr "¡Copiado!"

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr "Copiar"

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
-msgstr "La petición de reinicio ha fallado."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#, fuzzy
+msgid "Action successful."
+msgstr "Los ajustes se han guardado correctamente"

-#: src/common/RebootButton.js:51
-msgid "Reboot"
-msgstr "Reiniciar"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
+msgstr ""

-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr "¡Atención!"
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr "¿Estás seguro de que quieres reiniciar el router?"
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr "Cancelar"

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#, fuzzy
+msgid "Confirm"
 msgstr "Confirmar reinicio"

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr "Ocurrió un error durante el reseteo de los ajustes Wi-Fi."

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr "Los ajustes Wi-Fi se han definido por defecto."

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr "Resetear los ajustes Wi-Fi"

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
@ -92,12 +143,12 @@ msgstr ""
 "resetar los ajustes Wi-Fi. Ten en cuenta que esto eliminará la "
 "configuración Wi-Fi actual, y restaurará los ajustes por defecto."

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr "Wi-Fi ${deviceID + 1}"

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr "Contraseña"

@ -119,13 +170,15 @@ msgstr "Cifrado"

 #: src/common/WiFiSettings/WiFiForm.js:226
 msgid "Disable Management Frame Protection"
-msgstr ""
+msgstr "Desactivar Protected Management Frames"

 #: src/common/WiFiSettings/WiFiForm.js:227
 msgid ""
 "In case you have trouble connecting to WiFi Access Point, try disabling "
 "Management Frame Protection."
 msgstr ""
+"Si tienes problemas para conectarte a un punto de acceso Wi-Fi, intenta "
+"desactivar Management Frame Protection."

 #: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
@ -135,40 +188,45 @@ msgstr "automático"
 msgid "Custom"
 msgstr "Personalizado"

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr "Activar el modo Wi-Fi de invitados"

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr "Mostrar el código QR"
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr "Código QR Wi-Fi"

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr "Descargar PDF"

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr "El SSID no puede ser más largo que 32 símbolos"

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr "El SSID no puede estar vacío"

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr "El SSID no puede ser más largo que 32 bytes"

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr "La contraseña debe contener al menos 8 símbolos"

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr "La contraseña no debe contener más de 63 símbolos"

@ -306,19 +364,19 @@ msgstr ""
 "Los cambios que has realizado podrían no haberse guardado. ¿Estás seguro "
 "de que quieres salir?"

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr "Actualizando"

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr "Cargando los ajustes"

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr "Guardar"

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr "Se ha producido un error mientras se recuperaban los datos."

@ -435,3 +493,15 @@ msgstr "No contiene una lista de correos electrónicos separados por comas."
 #~ "channel."
 #~ msgstr ""

+#~ msgid "Reboot request failed."
+#~ msgstr "La petición de reinicio ha fallado."
+
+#~ msgid "Reboot"
+#~ msgstr "Reiniciar"
+
+#~ msgid "Warning!"
+#~ msgstr "¡Atención!"
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr "¿Estás seguro de que quieres reiniciar el router?"
+
--- a/translations/fi/LC_MESSAGES/forisjs.po
+++ b/translations/fi/LC_MESSAGES/forisjs.po
@ -1,13 +1,13 @@
 # Finnish translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
 "PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: fi\n"
@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -34,64 +34,113 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr ""

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+msgid "Action successful."
 msgstr ""

-#: src/common/RebootButton.js:51
-msgid "Reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
 msgstr ""

-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr ""
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr ""
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr ""

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+msgid "Confirm"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr ""

@ -129,40 +178,45 @@ msgstr ""
 msgid "Custom"
 msgstr ""

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

@ -277,19 +331,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr ""

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr ""

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr ""

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr ""

@ -415,3 +469,18 @@ msgstr ""
 #~ "channel."
 #~ msgstr ""

+#~ msgid "Reboot request failed."
+#~ msgstr ""
+
+#~ msgid "Reboot"
+#~ msgstr ""
+
+#~ msgid "Warning!"
+#~ msgstr ""
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr ""
+
+#~ msgid "Confirm reboot"
+#~ msgstr ""
+
--- a/translations/fo/LC_MESSAGES/forisjs.po
+++ b/translations/fo/LC_MESSAGES/forisjs.po
@ -1,13 +1,13 @@
 # Faroese translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
 "PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: fo\n"
@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -34,64 +34,113 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr ""

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+msgid "Action successful."
 msgstr ""

-#: src/common/RebootButton.js:51
-msgid "Reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
 msgstr ""

-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr ""
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr ""
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr ""

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+msgid "Confirm"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr ""

@ -129,40 +178,45 @@ msgstr ""
 msgid "Custom"
 msgstr ""

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

@ -277,19 +331,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr ""

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr ""

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr ""

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr ""

@ -415,3 +469,18 @@ msgstr ""
 #~ "channel."
 #~ msgstr ""

+#~ msgid "Reboot request failed."
+#~ msgstr ""
+
+#~ msgid "Reboot"
+#~ msgstr ""
+
+#~ msgid "Warning!"
+#~ msgstr ""
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr ""
+
+#~ msgid "Confirm reboot"
+#~ msgstr ""
+
--- a/translations/forisjs.pot
+++ b/translations/forisjs.pot
@ -1,21 +1,21 @@
 # Translations template for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 #, fuzzy
 msgid ""
 msgstr ""
-"Project-Id-Version: Foris JS 5.4.1\n"
+"Project-Id-Version: Foris JS 6.5.0\n"
 "Report-Msgid-Bugs-To: tech.support@turris.cz\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -33,64 +33,113 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr ""

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+msgid "Action successful."
 msgstr ""

-#: src/common/RebootButton.js:51
-msgid "Reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
 msgstr ""

-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr ""
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr ""
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr ""

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+msgid "Confirm"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr ""

@ -128,40 +177,45 @@ msgstr ""
 msgid "Custom"
 msgstr ""

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

@ -276,19 +330,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr ""

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr ""

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr ""

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr ""

--- a/translations/fr/LC_MESSAGES/forisjs.po
+++ b/translations/fr/LC_MESSAGES/forisjs.po
@ -1,15 +1,15 @@
 # French translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
-"PO-Revision-Date: 2022-01-14 05:53+0000\n"
-"Last-Translator: Gabriel GRONDIN <gglinnk@protonmail.com>\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
+"PO-Revision-Date: 2024-07-27 01:09+0000\n"
+"Last-Translator: Moha684 <nahil82466@gmail.com>\n"
 "Language: fr\n"
 "Language-Team: French <https://hosted.weblate.org/projects/turris/foris-"
 "js/fr/>\n"
@ -17,7 +17,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -35,66 +35,117 @@ msgstr "Aucun réponse reçue."
 msgid "An unknown API error occurred."
 msgstr "Une erreur d’API inconnue s’est produite."

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
-msgstr ""
+msgstr "Copié!"

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
+msgstr "Copier"
+
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#, fuzzy
+msgid "Action successful."
+msgstr "Paramètres enregistrés avec succès"
+
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
 msgstr ""

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
-msgstr "La demande de redémarrage a échoué."
-
-#: src/common/RebootButton.js:51
-msgid "Reboot"
-msgstr "Redémarrer"
-
-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr "Attention !"
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr "Voulez-vous vraiment redémarrer le routeur ?"
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr "Annuler"

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#, fuzzy
+msgid "Confirm"
 msgstr "Confirmer le redémarrage"

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
 "Une erreur s'est produite lors de la réinitialisation des paramètres Wi-"
 "Fi."

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr "Les paramètres Wi-Fi sont définis par défaut."

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr "Réinitialiser les paramètres Wi-Fi"

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr "Wi-Fi ${deviceID + 1}"

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr "Mot de passe"

@ -117,13 +168,15 @@ msgstr "Chiffrement"

 #: src/common/WiFiSettings/WiFiForm.js:226
 msgid "Disable Management Frame Protection"
-msgstr ""
+msgstr "Désactiver le mode Protection du cadre de gestion"

 #: src/common/WiFiSettings/WiFiForm.js:227
 msgid ""
 "In case you have trouble connecting to WiFi Access Point, try disabling "
 "Management Frame Protection."
 msgstr ""
+"Si vous rencontrez des soucis à vous connecter à un point d'accès WiFi, "
+"merci d'essayer de désactiver le mode Protection du cadre de gestion."

 #: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
@ -133,40 +186,46 @@ msgstr "automatique"
 msgid "Custom"
 msgstr "Personnalisé"

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr "Activer le mode Wi-Fi invité"

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+#, fuzzy
+msgid "Show QR code"
+msgstr "Code QR Wi-Fi"
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr "Code QR Wi-Fi"

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr "Télécharger le PDF"

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr "Le SSID ne peut pas être plus long que 32 symboles"

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr "Le SSID ne peut pas être vide"

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr "Le SSID ne peut pas dépasser 32 octets"

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr "Le mot de passe doit contenir au moins 8 symboles"

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 #, fuzzy
 msgid "Password must not contain more than 63 symbols"
 msgstr "Le mot de passe doit contenir au moins 8 symboles"
@ -330,19 +389,19 @@ msgstr ""
 "Il se peut que vos modifications ne soient pas enregistrées. Êtes-vous "
 "sûr de vouloir quitter ?"

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr "Mise à jour en cours"

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr "Charger les paramètres"

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr "Enregistrer"

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr "Une erreur s’est produite lors du chargement des données."

@ -403,3 +462,15 @@ msgstr ""
 #~ "        "
 #~ msgstr ""

+#~ msgid "Reboot request failed."
+#~ msgstr "La demande de redémarrage a échoué."
+
+#~ msgid "Reboot"
+#~ msgstr "Redémarrer"
+
+#~ msgid "Warning!"
+#~ msgstr "Attention !"
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr "Voulez-vous vraiment redémarrer le routeur ?"
+
--- a/translations/hr/LC_MESSAGES/forisjs.po
+++ b/translations/hr/LC_MESSAGES/forisjs.po
@ -1,13 +1,13 @@
 # Croatian translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
 "PO-Revision-Date: 2022-09-29 14:17+0000\n"
 "Last-Translator: Milo Ivir <mail@milotype.de>\n"
 "Language: hr\n"
@ -18,7 +18,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -36,64 +36,113 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr ""

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+msgid "Action successful."
 msgstr ""

-#: src/common/RebootButton.js:51
-msgid "Reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
 msgstr ""

-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr ""
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr ""
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr ""

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+msgid "Confirm"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr "Lozinka"

@ -131,40 +180,45 @@ msgstr ""
 msgid "Custom"
 msgstr ""

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

@ -279,19 +333,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr ""

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr ""

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr "Spremi"

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr ""

@ -417,3 +471,18 @@ msgstr ""
 #~ "channel."
 #~ msgstr ""

+#~ msgid "Reboot request failed."
+#~ msgstr ""
+
+#~ msgid "Reboot"
+#~ msgstr ""
+
+#~ msgid "Warning!"
+#~ msgstr ""
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr ""
+
+#~ msgid "Confirm reboot"
+#~ msgstr ""
+
--- a/translations/hu/LC_MESSAGES/forisjs.po
+++ b/translations/hu/LC_MESSAGES/forisjs.po
@ -1,13 +1,13 @@
 # Hungarian translations for Foris JS.
-# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"POT-Creation-Date: 2024-11-13 14:06+0100\n"
 "PO-Revision-Date: 2021-01-07 01:26+0000\n"
 "Last-Translator: Zoli <boritek@gmail.com>\n"
 "Language: hu\n"
@ -17,7 +17,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.11.0\n"
+"Generated-By: Babel 2.16.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -35,64 +35,114 @@ msgstr "Nem érkezett válasz."
 msgid "An unknown API error occurred."
 msgstr "Ismeretlen API-hiba történt."

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/common/WiFiSettings/WiFiQRCode.js:89
+msgid "Close"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""

-#: src/bootstrap/CopyInput.js:55
+#: src/bootstrap/CopyInput.js:56
 msgid "Copy"
 msgstr ""

-#: src/common/RebootButton.js:27
-msgid "Reboot request failed."
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#, fuzzy
+msgid "Action successful."
+msgstr "Beállítások sikeresen elmentve"
+
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+msgid "Action failed."
 msgstr ""

-#: src/common/RebootButton.js:51
-msgid "Reboot"
-msgstr ""
-
-#: src/common/RebootButton.js:66
-msgid "Warning!"
-msgstr ""
-
-#: src/common/RebootButton.js:68
-msgid "Are you sure you want to restart the router?"
-msgstr ""
-
-#: src/common/RebootButton.js:71
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr ""

-#: src/common/RebootButton.js:73
-msgid "Confirm reboot"
+#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+msgid "Confirm"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:38
+#: src/common/RichTable/RichTableHeader.js:29
+msgid "Sort ascending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:30
+msgid "Sort descending"
+msgstr ""
+
+#: src/common/RichTable/RichTableHeader.js:31
+msgid "Clear sort"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:65
+msgid "Pagination navigation bar"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:71
+msgid "First page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:77
+msgid "Previous page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:83
+msgid "Next page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:89
+msgid "Last page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:95
+msgid "Page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:98
+msgid "of"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:106
+msgid "Rows per page:"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:109
+msgid "Select rows per page"
+msgstr ""
+
+#: src/common/RichTable/RichTablePagination.js:121
+msgid "All"
+msgstr ""
+
+#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:41
+#: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:69
+#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:70
 msgid "Reset Wi-Fi Settings"
 msgstr ""

-#: src/common/WiFiSettings/ResetWiFiSettings.js:57
+#: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
 "If a number of wireless cards doesn't match, you may try to reset the Wi-"
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:95
+#: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""

 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:80
+#: src/common/WiFiSettings/WiFiGuestForm.js:78
 msgid "Password"
 msgstr ""

@ -130,40 +180,45 @@ msgstr ""
 msgid "Custom"
 msgstr ""

-#: src/common/WiFiSettings/WiFiGuestForm.js:42
+#: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:71
+#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:44
+msgid "Show QR code"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""

-#: src/common/WiFiSettings/WiFiQRCode.js:91
+#: src/common/WiFiSettings/WiFiQRCode.js:102
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:99
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:100
+#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:101
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:102
+#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:103
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:106
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:109
+#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

@ -280,19 +335,19 @@ msgstr ""
 "Lehet, hogy az Ön által végrehajtott módosításokat nem menti a rendszer. "
 "Biztosan el akar menni?"

-#: src/form/components/SubmitButton.js:31
+#: src/form/components/SubmitButton.js:32
 msgid "Updating"
 msgstr "Frissítés"

-#: src/form/components/SubmitButton.js:34
+#: src/form/components/SubmitButton.js:35
 msgid "Load settings"
 msgstr "Beállítások betöltése"

-#: src/form/components/SubmitButton.js:37
+#: src/form/components/SubmitButton.js:38
 msgid "Save"
 msgstr "Mentés"

-#: src/utils/ErrorMessage.js:16
+#: src/utils/ErrorMessage.js:17
 msgid "An error occurred while fetching data."
 msgstr "Hiba történt az adatok beolvasása közben."

@ -410,3 +465,18 @@ msgstr "Nem tartalmaz vesszővel elválasztott e-mail listát."
 #~ "channel."
 #~ msgstr ""

+#~ msgid "Reboot request failed."
+#~ msgstr ""
+
+#~ msgid "Reboot"
+#~ msgstr ""
+
+#~ msgid "Warning!"
+#~ msgstr ""
+
+#~ msgid "Are you sure you want to restart the router?"
+#~ msgstr ""
+
+#~ msgid "Confirm reboot"
+#~ msgstr ""
+
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Aleksandr Gumroian	30fd6f91b4	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!256	2024-11-13 14:24:26 +01:00
Aleksandr Gumroian	5a53eca138	Merge branch 'bump-650' into 'dev' Bump v6.5.0 See merge request turris/reforis/foris-js!255	2024-11-13 14:14:04 +01:00
Aleksandr Gumroian	8d2a4dc108	Bump v6.5.0 * Add & update Weblate translations * Add RichTable component with pagination and sorting * Add @tanstack/react-table v8.20.5 to dependencies * Update documentation * Replace RebootButton with ActionButtonWithModal component * Fix import path for CustomizationContextMock in customTestRender.js	2024-11-13 14:08:53 +01:00
Aleksandr Gumroian	2481a0c025	Update translation messages	2024-11-13 14:08:12 +01:00
Aleksandr Gumroian	71697424c5	Create translation messages	2024-11-13 14:07:26 +01:00
Aleksandr Gumroian	07f8e3b9de	Merge branch 'add-action-btn-with-modal' into 'dev' Replace RebootButton with ActionButtonWithModal component and update documentation See merge request turris/reforis/foris-js!254	2024-11-12 17:48:20 +01:00
Aleksandr Gumroian	c9f2b24095	Replace RebootButton with ActionButtonWithModal component and update documentation	2024-11-12 17:39:01 +01:00
Aleksandr Gumroian	087ecfa670	Merge branch 'add-tanstack-and-richtable-component' into 'dev' Add RichTable component See merge request turris/reforis/foris-js!253	2024-11-08 23:52:53 +01:00
Aleksandr Gumroian	e6365ecac4	Update Snapshots	2024-11-08 17:59:15 +01:00
Aleksandr Gumroian	e57722caa0	Add RebootButton and RichTable components to documentation	2024-11-08 17:59:15 +01:00
Aleksandr Gumroian	babdf92ddd	Fix import path for CustomizationContextMock in customTestRender.js	2024-11-08 17:59:02 +01:00
Aleksandr Gumroian	42294316d9	Add RichTable component with header, body, and pagination	2024-11-08 17:59:02 +01:00
Aleksandr Gumroian	b65e034b04	Add @tanstack/react-table v8.20.5 to dependencies	2024-11-04 22:27:14 +01:00
Aleksandr Gumroian	14b90bbbd4	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!251	2024-10-02 14:35:17 +02:00
Aleksandr Gumroian	85b207b1dd	Merge branch 'bump-version-640' into 'dev' Bump v6.4.0 See merge request turris/reforis/foris-js!250	2024-10-02 14:31:57 +02:00
Aleksandr Gumroian	79e61d9507	Bump v6.4.0 * Refactor Alert component to include dismiss animation and timeout * Refactor ThreeDotsMenu component to include additional props	2024-10-02 14:30:09 +02:00
Aleksandr Gumroian	6795c3941b	Merge branch 'add-alert-animation-and-timeout' into 'dev' Add Alert animation and timeout See merge request turris/reforis/foris-js!249	2024-10-02 13:48:31 +02:00
Aleksandr Gumroian	969e8e6411	Update Snapshots	2024-10-02 13:16:45 +02:00
Aleksandr Gumroian	0099759279	Fix tests	2024-10-02 13:16:37 +02:00
Aleksandr Gumroian	87c81a2a2d	Refactor Alert component to include dismiss animation and timeout	2024-10-02 13:14:48 +02:00
Aleksandr Gumroian	81b71f8153	Refactor ThreeDotsMenu component to include additional props	2024-10-02 13:14:40 +02:00
Aleksandr Gumroian	c0fd0adbc9	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!248	2024-09-27 15:48:49 +02:00
Aleksandr Gumroian	1ec0a26199	Merge branch 'bump-version-630' into 'dev' Bump v6.3.0 See merge request turris/reforis/foris-js!247	2024-09-27 15:39:42 +02:00
Aleksandr Gumroian	76e37b738a	Bump v6.3.0 * Add ThreeDotsMenu component * Refactor EmailInput description * Refactor RadioSet & ignore Radio component * Refactor npm package badge in introduction.md * NPM audit fix	2024-09-27 15:36:10 +02:00
Aleksandr Gumroian	8a69d14429	NPM audit fix	2024-09-27 15:35:45 +02:00
Aleksandr Gumroian	4d5395c826	Add ThreeDotsMenu component to index.js	2024-09-27 15:29:46 +02:00
Aleksandr Gumroian	1fb83e08ea	Merge branch 'add-threedotsmenu-component' into 'dev' Add ThreeDotsMenu component See merge request turris/reforis/foris-js!246	2024-09-27 15:17:55 +02:00
Aleksandr Gumroian	e6cfc6dbb0	docs: Refactor npm package badge in introduction.md	2024-09-27 15:13:29 +02:00
Aleksandr Gumroian	a93a64bf96	docs: Refactor EmailInput description	2024-09-27 15:13:28 +02:00
Aleksandr Gumroian	1ab77decfd	docs: Refactor RadioSet & ignore Radio component	2024-09-27 15:13:28 +02:00
Aleksandr Gumroian	b6e1e0adae	Add ThreeDotsMenu component ThreeDotsMenu Bootstrap component is a dropdown menu that appears when the user clicks on three dots. It is used to display a list of actions that can be performed on a particular item.	2024-09-27 15:13:12 +02:00
Aleksandr Gumroian	a7a4e76cd1	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!245	2024-09-25 16:22:09 +02:00
Aleksandr Gumroian	e7758cab9a	Merge branch 'bump-version-621' into 'dev' Bump v6.2.1 See merge request turris/reforis/foris-js!243	2024-09-25 16:20:01 +02:00
Aleksandr Gumroian	bf88b76613	Bump v6.2.1 * Add & update Weblate translations * Refactor CopyInput component * Refactor ForisURLs to include new URLs for Overview page	2024-09-25 16:15:56 +02:00
Aleksandr Gumroian	3cf85a9516	Merge branch 'update-translations' into 'dev' Add & update Weblate translations See merge request turris/reforis/foris-js!244	2024-09-25 16:14:48 +02:00
Aleksandr Gumroian	7c8442300a	Update translation messages	2024-09-25 16:11:22 +02:00
Aleksandr Gumroian	e849397aa2	Create translation messages	2024-09-25 16:11:07 +02:00
Lukas Jelinek	c1b44d498c	Translated using Weblate (Czech) Currently translated at 100.0% (71 of 71 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/cs/	2024-09-25 10:15:45 +00:00
Aleksandr Gumroian	1b5a5da953	Merge branch 'add-overview-links' into 'dev' Refactor ForisURLs to include new URLs for Overview page See merge request turris/reforis/foris-js!242	2024-09-24 13:19:55 +02:00
Aleksandr Gumroian	7f45201f05	Refactor ForisURLs to include new URLs for Overview page	2024-09-23 17:09:13 +02:00
Aleksandr Gumroian	f34d9bbdbd	Merge branch 'fix-copy-input' into 'dev' Refactor CopyInput component See merge request turris/reforis/foris-js!241	2024-09-23 14:07:06 +02:00
Aleksandr Gumroian	c7ff3f42f6	Refactor CopyInput component Remove unnecessary input-group-append div and simplify structure	2024-09-23 13:59:31 +02:00
Atec	a1036514dd	Translated using Weblate (Slovak) Currently translated at 100.0% (71 of 71 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/sk/	2024-09-20 14:06:15 +02:00
Aleksandr Gumroian	a352f12279	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!240	2024-09-20 14:06:10 +02:00
Aleksandr Gumroian	acfbeb2c43	Merge branch 'bump-version-620' into 'dev' Bump v6.2.0 See merge request turris/reforis/foris-js!239	2024-09-20 13:51:48 +02:00
Aleksandr Gumroian	3bef624ce4	Bump v6.2.0 * Add useFocusTrap hook * Add extendSession endpoint * Refactor Spinner.css to use CSS variable for color * Refactor Modal component to use useFocusTrap hook * Refactor Alert component to use useFocusTrap hook	2024-09-20 13:36:45 +02:00
Aleksandr Gumroian	7d0d52666d	Merge branch 'add-extend-session-url' into 'dev' Add extendSession endpoint ot ForisURLs See merge request turris/reforis/foris-js!238	2024-09-20 13:27:22 +02:00
Aleksandr Gumroian	52fe5d65a6	Refactor Spinner.css to use CSS variable for color	2024-09-20 13:23:01 +02:00
Aleksandr Gumroian	b99add91cf	Refactor ForisURLs.js to add extendSession endpoint	2024-09-20 13:23:01 +02:00
Aleksandr Gumroian	b7a4613cf4	Merge branch 'modal-focus-trap' into 'dev' Introduce useFocusTrap hook and refactor Modal & Alert components See merge request turris/reforis/foris-js!237	2024-09-19 13:18:26 +02:00
Aleksandr Gumroian	9e2278e016	Update Snapshots	2024-09-17 14:33:41 +02:00
Aleksandr Gumroian	83a6ff75f6	Refactor Alert component to use useFocusTrap hook	2024-09-17 14:33:19 +02:00
Aleksandr Gumroian	02f3803265	Refactor Modal component to use useFocusTrap hook	2024-09-17 14:13:26 +02:00
Aleksandr Gumroian	bb559cbe53	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!236	2024-08-30 16:03:17 +02:00
Aleksandr Gumroian	c86e2c8944	Merge branch 'bump-611' into 'dev' Bump v6.1.1 See merge request turris/reforis/foris-js!235	2024-08-30 16:00:56 +02:00
Aleksandr Gumroian	b96ccde81c	Bump v6.1.1 * Add & updated Weblate translations * Update icon color classes to use "text-secondary" instead of "text-dark" * Update Wi-Fi QRCodeModal component to use new styles & add close button * Refactore WiFiGuestForm component to get rid of obsolete div element * NPM audit fix	2024-08-30 15:56:08 +02:00
Aleksandr Gumroian	cfa6eade17	NPM audit fix	2024-08-30 15:51:23 +02:00
Aleksandr Gumroian	380a388a38	Merge branch 'fix-icons-color' into 'dev' Update icon color classes & refactoring See merge request turris/reforis/foris-js!233	2024-08-30 15:49:45 +02:00
Aleksandr Gumroian	cc19b4b293	Update Snapshots	2024-08-30 15:46:45 +02:00
Aleksandr Gumroian	e7ec494bb2	Update Wi-Fi QRCodeModal component to use new button styles & add close button	2024-08-30 15:46:45 +02:00
Aleksandr Gumroian	ea590e443c	Refactor WiFiGuestForm component to get rid of obsolete "input-group-append" div element	2024-08-30 15:46:45 +02:00
Aleksandr Gumroian	b127bf5edf	Update icon color classes to use "text-secondary" instead of "text-dark"	2024-08-30 15:46:45 +02:00
Aleksandr Gumroian	40e4a9a4e3	Merge branch 'update-translations' into 'dev' Add & update Weblate translations See merge request turris/reforis/foris-js!234	2024-08-30 15:44:51 +02:00
gallegonovato	bcb7c43863	Translated using Weblate (Spanish) Currently translated at 100.0% (71 of 71 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/es/	2024-08-24 15:09:22 +02:00
Aleksandr Gumroian	c809817283	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!232	2024-08-23 14:22:50 +02:00
Aleksandr Gumroian	a429b7c1bf	Merge branch 'bump-version-610' into 'dev' Bump v6.1.0 See merge request turris/reforis/foris-js!231	2024-08-23 14:19:24 +02:00
Aleksandr Gumroian	4e6f6e7413	Bump v6.1.0 * Add & update Weblate translations * Migrate to Font Awesome v6 * NPM audit fix	2024-08-23 14:03:48 +02:00
Aleksandr Gumroian	e6356de57f	NPM audit fix	2024-08-23 14:03:48 +02:00
Aleksandr Gumroian	d4a71c346c	Update translation messages	2024-08-23 14:03:48 +02:00
Aleksandr Gumroian	eb9582db96	Create translation messages	2024-08-23 14:03:47 +02:00
Aleksandr Gumroian	036f191949	Merge branch 'update-translations' into 'dev' Add & update Weblate translations See merge request turris/reforis/foris-js!230	2024-08-23 13:42:58 +02:00
Aleksandr Gumroian	2f73516384	Merge branch 'migrate-to-fontawesome-v6' into 'dev' Migrate to FontAwesome v6 See merge request turris/reforis/foris-js!229	2024-08-22 16:10:21 +02:00
Aleksandr Gumroian	b97ba379ec	Update Snapshots	2024-08-22 16:05:41 +02:00
Aleksandr Gumroian	5f1372bb37	Migrate to FontAwesome v6	2024-08-22 16:05:40 +02:00
Moha684	7c9cd9451b	Translated using Weblate (French) Currently translated at 82.6% (57 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/fr/	2024-07-27 03:09:24 +02:00
Aleksandr Gumroian	7e0752fc17	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!228	2024-07-26 16:12:26 +02:00
Aleksandr Gumroian	4c5aeed26e	Merge branch 'bump-603' into 'dev' Bump v6.0.3 See merge request turris/reforis/foris-js!227	2024-07-26 16:08:09 +02:00
Aleksandr Gumroian	d90e39a570	Bump v6.0.3 * Update WiFiQRCode component	2024-07-26 17:06:38 +03:00
Aleksandr Gumroian	2e2f326ade	Merge branch 'wifi-qr-icon' into 'dev' Update WiFiQRCode component See merge request turris/reforis/foris-js!226	2024-07-26 14:26:00 +02:00
Aleksandr Gumroian	541ca7a784	Update WiFiQRCode component Remove custom QR icon image with a standard fontawesome icon	2024-07-25 17:31:30 +03:00
Aleksandr Gumroian	8e0c60a576	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!225	2024-06-28 14:22:41 +02:00
Aleksandr Gumroian	928cf716d6	Merge branch 'bump-602' into 'dev' Bump v6.0.2 See merge request turris/reforis/foris-js!224	2024-06-28 13:08:32 +02:00
Aleksandr Gumroian	bd8d5bc8cb	Bump v6.0.2 * Add className prop to CheckBox and Radio components	2024-06-28 14:03:19 +03:00
Aleksandr Gumroian	804e0022eb	Update Snapshots	2024-06-28 10:30:25 +03:00
Aleksandr Gumroian	d69398ac06	Add className prop to CheckBox and Radio components	2024-06-28 10:29:41 +03:00
Aleksandr Gumroian	e297410f16	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!223	2024-06-26 15:05:29 +02:00
Aleksandr Gumroian	17e5a959f7	Merge branch 'bump-601' into 'dev' Bump v6.0.1 See merge request turris/reforis/foris-js!222	2024-06-26 15:00:58 +02:00
Aleksandr Gumroian	3b48510246	Bump v6.0.1 * Add className prop to Switch component * Update dependencies in package.json * NPM audit fix	2024-06-26 15:59:26 +03:00
Aleksandr Gumroian	8bac4f18f4	NPM audit fix	2024-06-26 15:57:31 +03:00
Aleksandr Gumroian	6cb2a5388e	Update dependencies in package.json Update Webpack and Prettier to latest versions	2024-06-26 15:52:57 +03:00
Aleksandr Gumroian	0b02bead71	Merge branch 'add-classname-prop-to-switch' into 'dev' Add className prop to Switch See merge request turris/reforis/foris-js!221	2024-06-26 14:24:49 +02:00
Aleksandr Gumroian	12c6d05ca6	Update Snapshots	2024-06-26 14:11:54 +03:00
Aleksandr Gumroian	923bbab6d5	Add className prop to Switch component	2024-06-26 14:11:16 +03:00
Aleksandr Gumroian	0ea5d43c75	Merge branch 'dev' into 'master' Bump v6.0.0 See merge request turris/reforis/foris-js!220	2024-06-11 14:29:46 +02:00
Aleksandr Gumroian	c209796118	Merge branch 'bump-version-600' into 'dev' Bump v6.0.0 See merge request turris/reforis/foris-js!219	2024-06-11 14:10:20 +02:00
Aleksandr Gumroian	bf7e5303e9	Bump v6.0.0 * Add CHANGELOG.md * Add JS_DIR variable to Makefile * Add support for shared reForis ESLint configuration * Update dependencies in package.json * Update Spinner.css styles for better positioning and responsiveness * Migrate to Bootstrap 5 * NPM audit fix * Other small improvements	2024-06-11 14:02:24 +02:00
Aleksandr Gumroian	59b3130277	Add CHANGELOG.md	2024-06-10 18:03:41 +02:00
Aleksandr Gumroian	4ca07dceb0	Fix tests	2024-06-10 16:28:25 +02:00
Aleksandr Gumroian	912f8facdb	Fix linting issues	2024-06-10 16:28:25 +02:00
Aleksandr Gumroian	42fb16d066	Update Snapshots	2024-06-10 16:28:24 +02:00
Aleksandr Gumroian	cd9eb80e9c	NPM audit fix	2024-06-10 16:28:24 +02:00
Aleksandr Gumroian	5a77a22755	Update dependencies in package.json	2024-06-10 16:28:23 +02:00
Aleksandr Gumroian	bee4bee300	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!215	2024-01-19 19:56:06 +01:00
				`@ -0,0 +1 @@`
				`module.exports = require("eslint-config-reforis/prettier.config");`