Repository navigation
fix(web): keep PWA bottom nav visible and overhaul torrent details modal - #46
Merged
Merged
Conversation
Poster menus were treated as open modals, which hid the tab bar. Confirm actions are centered and larger, and the compact details header shows a bigger poster with four stats.
Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…et in DetailsDialog Eliminated the flow prop from StatWidget, simplifying its usage. Adjusted the layout for better responsiveness and visual consistency in the DetailsDialog component, including changes to title row line clamping and the arrangement of hero stats. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…oved responsiveness Updated the layout of the poster button in the DetailsDialog component to enhance responsiveness and visual consistency. The button now occupies full height and a wider width, ensuring better alignment within the grid structure. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…ed hero display Removed the category stat from the DetailsDialog and adjusted the layout to accommodate an 8-tile hero grid. Enhanced responsiveness by modifying the dimensions of the dialog, ensuring it maintains sufficient height for the cache display. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
… FileRowActions Adjusted the positioning of the edit button in DetailsDialog for better alignment with the HeroUI close button. Updated the layout of secondary action buttons in FileRowActions to use a flex container for improved spacing and responsiveness. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…entActions Updated the layout of the DetailsDialog component to enhance responsiveness and visual consistency. Adjusted the flex properties for better alignment of elements within the tabs. Modified comments in TorrentActions to reflect the correct context for the action block. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…tegration Updated the TorrentActions component to improve the handling of single and series file playback. Introduced a new method for building external player links for series, ensuring better integration with Infuse and other players. Adjusted the logic for displaying external players based on the number of playable files. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…bility Updated the DetailsDialog component to adjust the minimum height of the file panel, ensuring better visibility of content when the series footer is tall. Modified the layout of the torrent actions section for improved overflow handling. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…r improved layout Modified the TorrentActions component to reduce button minimum heights and adjust spacing for better visual consistency. Updated the layout of various elements to enhance responsiveness and ensure a more streamlined user experience. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…tailsDialog and TorrentActions Refactored the DetailsDialog component to improve the layout of the file panel and torrent actions, ensuring better content visibility and responsiveness. Adjusted minimum heights and overflow handling for a more consistent user experience. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…cing layout Removed the Swarm tab from the DetailsDialog component to streamline the user interface. Adjusted the layout for improved content visibility and responsiveness, ensuring a more cohesive experience when interacting with the file and cache panels. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…tricRows, and SwarmStatsPanel Updated the layout of the DetailsDialog to improve content visibility and responsiveness by adjusting flex properties and minimum heights. Enhanced the MetricRows component to support a new 'spread' prop for better height distribution. Modified the SwarmStatsPanel to incorporate the 'spread' prop in MetricRows, ensuring a more cohesive layout. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
… and functionality Updated the MetricRows component to clarify the purpose of the 'dense' prop and removed the 'spread' prop for a cleaner implementation. Enhanced the SpeedCharts component by increasing the history length and adding average speed calculations, improving the display of download and upload metrics. Adjusted the layout for better responsiveness and visual consistency across components. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…gress strip and layout adjustments Updated the DetailsDialog to incorporate a new TorrentProgressStrip component for improved visual feedback on loading and buffering status. Adjusted the layout of hero stats to reflect a 3×2 grid, enhancing content organization. Refactored the SwarmStatsPanel to streamline transfer metrics and removed redundant progress calculations, ensuring a cleaner implementation. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
Refactored multiple components including DetailsDialog, FileRowActions, SpeedCharts, and SwarmStatsPanel to enhance layout consistency and readability. Adjusted className formatting for better clarity and removed redundant line breaks. Improved the handling of props and streamlined the implementation of utility functions for a cleaner codebase. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
Introduced a new utility function, isExpiringSoon, to determine if an SSL certificate is nearing expiration. This change improves code readability and maintains render idempotency by using a snapshot of the current time. Updated the HTTPSSettingsPanel component to utilize this function for better clarity in expiration logic. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
Updated the CacheMapDialog component to include additional torrent statistics such as download speed, active peers, total peers, and connected seeders. Improved the layout of the modal header for better content organization and visibility. Adjusted prop types to accommodate the new torrent data. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
Drop the unmounted Now Playing bar, dead exports, unused locale keys, and @react-aria/i18n. Point screenshot scripts at the current details tabs and Vite port.
Refactored the TorrentActions component to improve button layout and functionality based on torrent type. Added a new button for deleting torrents and adjusted the display logic for playlist buttons. Updated localization files to include new translations for "FromLatestUnavailable" in multiple languages, enhancing user experience across different locales. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
… improved player handling Refactored the FileRowActions component to enhance the display of external player links, ensuring they are accessible on both desktop and mobile layouts. Removed the external player handling from the FilesDataGrid component to streamline its functionality. Updated localization files to include the new "OpenIn" translation across multiple languages, improving user experience. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…le handling Refactored the DetailsDialog component to enhance the loading state logic for torrents, ensuring a more accurate representation of file availability. Updated the TorrentActions component to clarify the distinction between single and multi-file torrents, improving the user interface for series controls. Adjusted related UI elements for better responsiveness and clarity. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…player handling Updated the FileRowActions component to differentiate player display for films and series, introducing an inline player option. Adjusted the FilesDataGrid to conditionally set the inlinePlayers prop based on the number of playable files, ensuring a more intuitive user experience. Improved documentation comments for clarity. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
… player display Refactored the FileRowActions component to remove the inlinePlayers prop and streamline the external player button rendering. Updated the FilesDataGrid to clarify player display logic for desktop layouts. Improved documentation comments for better understanding of player handling across devices. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…nctionality Replaced the delete icon with a rotate icon for better clarity in the TorrentActions component. Adjusted button layout to ensure icons remain fixed while allowing the playlist to grow on mobile devices. Updated documentation comments for enhanced understanding of button behavior across different screen sizes. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
… styling Updated the DetailsDialog component to refine the button rendering for the edit action, ensuring better accessibility and visual consistency. Adjusted CSS styles in index.css to standardize the dimensions and layout of the edit trigger buttons within modals, enhancing the overall user interface. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…erformance Updated references in index.html and service worker (sw.js) to new static asset filenames, ensuring the latest versions are loaded. Added new dialog components for enhanced user interactions, including AboutDialog, AddDialog, and various other UI elements. Removed outdated DetailsDialog to streamline the codebase and improve maintainability. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
…playback experience Updated the FilesDataGrid component to integrate the useConfiguredPlayAction hook, allowing for enhanced playback handling and clipboard functionality. Improved the onPlay method to include error handling for clipboard actions and user feedback via toast notifications. Simplified the TorrentActions component by removing unnecessary class names for better readability. Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
Signed-off-by: Pavel Pikta <devops@pavelpikta.com>
This file contains hidden or 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
1 participant
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.
Summary
Fixes the PWA bottom nav disappearing when poster/action menus are open, and ships a broader mobile-first pass on the torrent details modal: tighter phone hero, clearer actions for film vs series, and removal of unused chrome.
PWA bottom nav
useSyncModalOpen, so opening a dropdown setdata-modal-openand hid the tab bar under overlays.Details modal (phone + desktop)
Playback & actions
TorrentActions/FileRowActions/FilesDataGriddistinguish single-file (film) vs multi-file (series) controls.Cleanup
@react-aria/i18nand leftover locale keys.Test plan