feat(traefik/ports): improved UI #977
Merged
+233
−158
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request includes several changes to enhance the user interface and functionality of the Traefik environment and port management features in the
dokployapplication. The main changes involve improving the UI components, adding new state management, and updating localization strings.Enhancements to UI components and layout:
apps/dokploy/components/dashboard/settings/web-server/edit-traefik-env.tsx: Updated dialog titles and descriptions to be more descriptive and user-friendly.apps/dokploy/components/dashboard/settings/web-server/manage-traefik-ports.tsx: Introduced new UI components likeAlertBlock,Card, andInputto improve the layout and user experience. Added a button to add port mappings with an icon and updated the dialog content and footer for better usability. [1] [2] [3]State management improvements:
apps/dokploy/components/dashboard/settings/web-server/manage-traefik-ports.tsx: AddedisDirtystate to track changes and enable/disable the save button accordingly. ImplementedhandleRemovePortfunction to allow users to remove port mappings. [1] [2] [3]Localization updates:
apps/dokploy/public/locales/en/settings.json: Updated localization strings to reflect changes in UI text, ensuring consistency and clarity.These changes collectively enhance the user experience by making the interface more intuitive and responsive.